* {
  border: 0;
  margin: 0;
  padding: 0; }

body, html {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 100%;
  font-family: 'Roboto';
  background-color: #DAEEF5;
  background-image: url(../images/header.png);
  background-position: top center;
  background-size: 105% auto;
  background-repeat: no-repeat; }

body {
  background-image: -webkit-radial-gradient(center, #9fa8da, #5c6bc0);
  background-image: -khtml-radial-gradient(center, #9fa8da, #5c6bc0);
  background-image: -moz-radial-gradient(center, #9fa8da, #5c6bc0);
  background-image: -ms-radial-gradient(center, #9fa8da, #5c6bc0);
  background-image: -o-radial-gradient(center, #9fa8da, #5c6bc0);
  background-image: radial-gradient(center, #9fa8da, #5c6bc0); }

img {
  max-width: 100%;
  height: auto; }

.slider {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  -webkit-perspective: 2000px;
  -khtml-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
  -webkit-perspective-origin: 50% 50%;
  -khtml-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%; }
  .slider .slide {
    width: 800px;
    max-width: 100%;
    max-height: 550px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: transform 0.35s ease-in;
    -khtml-transition: transform 0.35s ease-in;
    -moz-transition: transform 0.35s ease-in;
    -ms-transition: transform 0.35s ease-in;
    -o-transition: transform 0.35s ease-in;
    transition: transform 0.35s ease-in;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: translate3d(0, 0, -1300px) rotatey(45deg);
    -khtml-transform: translate3d(0, 0, -1300px) rotatey(45deg);
    -moz-transform: translate3d(0, 0, -1300px) rotatey(45deg);
    -ms-transform: translate3d(0, 0, -1300px) rotatey(45deg);
    -o-transform: translate3d(0, 0, -1300px) rotatey(45deg);
    transform: translate3d(0, 0, -1300px) rotatey(45deg); }
    .slider .slide img {
      border: solid 8px white;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    .slider .slide:nth-child(1) {
      z-index: 10;
      -webkit-transform: translate3d(440px, 160px, -2000px) rotatey(-35deg) scale(0.5);
      -khtml-transform: translate3d(440px, 160px, -2000px) rotatey(-35deg) scale(0.5);
      -moz-transform: translate3d(440px, 160px, -2000px) rotatey(-35deg) scale(0.5);
      -ms-transform: translate3d(440px, 160px, -2000px) rotatey(-35deg) scale(0.5);
      -o-transform: translate3d(440px, 160px, -2000px) rotatey(-35deg) scale(0.5);
      transform: translate3d(440px, 160px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(1):hover {
        -webkit-transform: translate3d(440px, 140px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(440px, 140px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(440px, 140px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(440px, 140px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(440px, 140px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(440px, 140px, -2000px) rotatey(-35deg) scale(0.5); }
    .slider .slide:nth-child(2) {
      z-index: 9;
      -webkit-transform: translate3d(480px, 120px, -2000px) rotatey(-35deg) scale(0.5);
      -khtml-transform: translate3d(480px, 120px, -2000px) rotatey(-35deg) scale(0.5);
      -moz-transform: translate3d(480px, 120px, -2000px) rotatey(-35deg) scale(0.5);
      -ms-transform: translate3d(480px, 120px, -2000px) rotatey(-35deg) scale(0.5);
      -o-transform: translate3d(480px, 120px, -2000px) rotatey(-35deg) scale(0.5);
      transform: translate3d(480px, 120px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(2):hover {
        -webkit-transform: translate3d(480px, 100px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(480px, 100px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(480px, 100px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(480px, 100px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(480px, 100px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(480px, 100px, -2000px) rotatey(-35deg) scale(0.5); }
    .slider .slide:nth-child(3) {
      z-index: 8;
      -webkit-transform: translate3d(520px, 80px, -2000px) rotatey(-35deg) scale(0.5);
      -khtml-transform: translate3d(520px, 80px, -2000px) rotatey(-35deg) scale(0.5);
      -moz-transform: translate3d(520px, 80px, -2000px) rotatey(-35deg) scale(0.5);
      -ms-transform: translate3d(520px, 80px, -2000px) rotatey(-35deg) scale(0.5);
      -o-transform: translate3d(520px, 80px, -2000px) rotatey(-35deg) scale(0.5);
      transform: translate3d(520px, 80px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(3):hover {
        -webkit-transform: translate3d(520px, 60px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(520px, 60px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(520px, 60px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(520px, 60px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(520px, 60px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(520px, 60px, -2000px) rotatey(-35deg) scale(0.5); }
    .slider .slide:nth-child(4) {
      z-index: 7;
      -webkit-transform: translate3d(560px, 40px, -2000px) rotatey(-35deg) scale(0.5);
      -khtml-transform: translate3d(560px, 40px, -2000px) rotatey(-35deg) scale(0.5);
      -moz-transform: translate3d(560px, 40px, -2000px) rotatey(-35deg) scale(0.5);
      -ms-transform: translate3d(560px, 40px, -2000px) rotatey(-35deg) scale(0.5);
      -o-transform: translate3d(560px, 40px, -2000px) rotatey(-35deg) scale(0.5);
      transform: translate3d(560px, 40px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(4):hover {
        -webkit-transform: translate3d(560px, 20px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(560px, 20px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(560px, 20px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(560px, 20px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(560px, 20px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(560px, 20px, -2000px) rotatey(-35deg) scale(0.5); }
    .slider .slide:nth-child(5) {
      z-index: 6;
      -webkit-transform: translate3d(600px, 0px, -2000px) rotatey(-35deg) scale(0.5);
      -khtml-transform: translate3d(600px, 0px, -2000px) rotatey(-35deg) scale(0.5);
      -moz-transform: translate3d(600px, 0px, -2000px) rotatey(-35deg) scale(0.5);
      -ms-transform: translate3d(600px, 0px, -2000px) rotatey(-35deg) scale(0.5);
      -o-transform: translate3d(600px, 0px, -2000px) rotatey(-35deg) scale(0.5);
      transform: translate3d(600px, 0px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(5):hover {
        -webkit-transform: translate3d(600px, -20px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(600px, -20px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(600px, -20px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(600px, -20px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(600px, -20px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(600px, -20px, -2000px) rotatey(-35deg) scale(0.5); }
    .slider .slide:nth-child(6) {
      z-index: 5;
      -webkit-transform: translate3d(640px, -40px, -2000px) rotatey(-35deg) scale(0.5);
      -khtml-transform: translate3d(640px, -40px, -2000px) rotatey(-35deg) scale(0.5);
      -moz-transform: translate3d(640px, -40px, -2000px) rotatey(-35deg) scale(0.5);
      -ms-transform: translate3d(640px, -40px, -2000px) rotatey(-35deg) scale(0.5);
      -o-transform: translate3d(640px, -40px, -2000px) rotatey(-35deg) scale(0.5);
      transform: translate3d(640px, -40px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(6):hover {
        -webkit-transform: translate3d(640px, -60px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(640px, -60px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(640px, -60px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(640px, -60px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(640px, -60px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(640px, -60px, -2000px) rotatey(-35deg) scale(0.5); }
    .slider .slide:nth-child(7) {
      z-index: 4;
      -webkit-transform: translate3d(680px, -80px, -2000px) rotatey(-35deg) scale(0.5);
      -khtml-transform: translate3d(680px, -80px, -2000px) rotatey(-35deg) scale(0.5);
      -moz-transform: translate3d(680px, -80px, -2000px) rotatey(-35deg) scale(0.5);
      -ms-transform: translate3d(680px, -80px, -2000px) rotatey(-35deg) scale(0.5);
      -o-transform: translate3d(680px, -80px, -2000px) rotatey(-35deg) scale(0.5);
      transform: translate3d(680px, -80px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(7):hover {
        -webkit-transform: translate3d(680px, -100px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(680px, -100px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(680px, -100px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(680px, -100px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(680px, -100px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(680px, -100px, -2000px) rotatey(-35deg) scale(0.5); }
    .slider .slide:nth-child(8) {
      z-index: 3;
      -webkit-transform: translate3d(720px, -120px, -2000px) rotatey(-35deg) scale(0.5);
      -khtml-transform: translate3d(720px, -120px, -2000px) rotatey(-35deg) scale(0.5);
      -moz-transform: translate3d(720px, -120px, -2000px) rotatey(-35deg) scale(0.5);
      -ms-transform: translate3d(720px, -120px, -2000px) rotatey(-35deg) scale(0.5);
      -o-transform: translate3d(720px, -120px, -2000px) rotatey(-35deg) scale(0.5);
      transform: translate3d(720px, -120px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(8):hover {
        -webkit-transform: translate3d(720px, -140px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(720px, -140px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(720px, -140px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(720px, -140px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(720px, -140px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(720px, -140px, -2000px) rotatey(-35deg) scale(0.5); }
    .slider .slide:nth-child(9) {
      z-index: 2;
      -webkit-transform: translate3d(760px, -160px, -2000px) rotatey(-35deg) scale(0.5);
      -khtml-transform: translate3d(760px, -160px, -2000px) rotatey(-35deg) scale(0.5);
      -moz-transform: translate3d(760px, -160px, -2000px) rotatey(-35deg) scale(0.5);
      -ms-transform: translate3d(760px, -160px, -2000px) rotatey(-35deg) scale(0.5);
      -o-transform: translate3d(760px, -160px, -2000px) rotatey(-35deg) scale(0.5);
      transform: translate3d(760px, -160px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(9):hover {
        -webkit-transform: translate3d(760px, -180px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(760px, -180px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(760px, -180px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(760px, -180px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(760px, -180px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(760px, -180px, -2000px) rotatey(-35deg) scale(0.5); }
    .slider .slide:nth-child(10) {
      z-index: 1;
      -webkit-transform: translate3d(800px, -200px, -2000px) rotatey(-35deg) scale(0.5);
      -khtml-transform: translate3d(800px, -200px, -2000px) rotatey(-35deg) scale(0.5);
      -moz-transform: translate3d(800px, -200px, -2000px) rotatey(-35deg) scale(0.5);
      -ms-transform: translate3d(800px, -200px, -2000px) rotatey(-35deg) scale(0.5);
      -o-transform: translate3d(800px, -200px, -2000px) rotatey(-35deg) scale(0.5);
      transform: translate3d(800px, -200px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(10):hover {
        -webkit-transform: translate3d(800px, -220px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(800px, -220px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(800px, -220px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(800px, -220px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(800px, -220px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(800px, -220px, -2000px) rotatey(-35deg) scale(0.5); }
    .slider .slide.active {
      cursor: default;
      z-index: 20;
      -webkit-transform: translate3d(-500px, 0, -1300px) rotatey(0deg) scale(1);
      -khtml-transform: translate3d(-500px, 0, -1300px) rotatey(0deg) scale(1);
      -moz-transform: translate3d(-500px, 0, -1300px) rotatey(0deg) scale(1);
      -ms-transform: translate3d(-500px, 0, -1300px) rotatey(0deg) scale(1);
      -o-transform: translate3d(-500px, 0, -1300px) rotatey(0deg) scale(1);
      transform: translate3d(-500px, 0, -1300px) rotatey(0deg) scale(1); }
      .slider .slide.active:hover {
        -webkit-transform: translate3d(-500px, 0, -1300px) rotatey(0deg) scale(1);
        -khtml-transform: translate3d(-500px, 0, -1300px) rotatey(0deg) scale(1);
        -moz-transform: translate3d(-500px, 0, -1300px) rotatey(0deg) scale(1);
        -ms-transform: translate3d(-500px, 0, -1300px) rotatey(0deg) scale(1);
        -o-transform: translate3d(-500px, 0, -1300px) rotatey(0deg) scale(1);
        transform: translate3d(-500px, 0, -1300px) rotatey(0deg) scale(1); }
    .slider .slide:hover {
      z-index: 20; }
  .slider .controls {
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center; }
    .slider .controls button {
      background: transparent;
      padding: .7rem .91rem;
      border: solid 2px #aaa;
      color: white;
      display: inline-block;
      vertical-align: top;
      cursor: pointer;
      background: #aaa;
      -webkit-transition: all 0.5s ease-in;
      -khtml-transition: all 0.5s ease-in;
      -moz-transition: all 0.5s ease-in;
      -ms-transition: all 0.5s ease-in;
      -o-transition: all 0.5s ease-in;
      transition: all 0.5s ease-in;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      -webkit-text-shadow: 0 0 1px #111;
      -khtml-text-shadow: 0 0 1px #111;
      -moz-text-shadow: 0 0 1px #111;
      -ms-text-shadow: 0 0 1px #111;
      -o-text-shadow: 0 0 1px #111;
      text-shadow: 0 0 1px #111;
      -webkit-box-shadow: 0 0 4px #111;
      -khtml-box-shadow: 0 0 4px #111;
      -moz-box-shadow: 0 0 4px #111;
      -ms-box-shadow: 0 0 4px #111;
      -o-box-shadow: 0 0 4px #111;
      box-shadow: 0 0 4px #111; }
      .slider .controls button.active, .slider .controls button:hover {
        background: transparent;
        -webkit-transform: scale(0.9);
        -khtml-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9); }
      .slider .controls button:focus {
        outline: none; }

.back_button {
  position: absolute;
  top: 10px;
  left: 5px;
  background: white;
  width: 30px;
  height: 30px;
  opacity: .5;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease;
  -khtml-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  -khtml-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  -ms-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  -o-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.5); }
  .back_button:hover {
    opacity: 1;
    -webkit-box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
    -khtml-box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
    -ms-box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
    -o-box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.5); }
    .back_button:hover .message {
      width: 33px;
      color: #111;
      padding: .25rem .5rem; }
  .back_button img {
    max-width: 100%; }
  .back_button .message {
    position: absolute;
    top: 1px;
    left: 105%;
    background: white;
    font-weight: bold;
    font-size: 14px;
    font-family: comic sans;
    width: 0;
    color: transparent;
    -webkit-transition: width 0.12s ease, color 0.2s 0.12s ease;
    -khtml-transition: width 0.12s ease, color 0.2s 0.12s ease;
    -moz-transition: width 0.12s ease, color 0.2s 0.12s ease;
    -ms-transition: width 0.12s ease, color 0.2s 0.12s ease;
    -o-transition: width 0.12s ease, color 0.2s 0.12s ease;
    transition: width 0.12s ease, color 0.2s 0.12s ease;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
    -khtml-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
    -ms-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
    -o-box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.5); }

@media (max-width: 1150px) {
  .slider {
    -webkit-perspective: 1500px;
    -khtml-perspective: 1500px;
    -moz-perspective: 1500px;
    -ms-perspective: 1500px;
    -o-perspective: 1500px;
    perspective: 1500px; } }
@media (max-width: 1000px) {
  .slider {
    -webkit-perspective: 1000px;
    -khtml-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px; } }
@media (max-width: 900px) {
  .slider {
    -webkit-perspective: 1100px;
    -khtml-perspective: 1100px;
    -moz-perspective: 1100px;
    -ms-perspective: 1100px;
    -o-perspective: 1100px;
    perspective: 1100px; }
    .slider .slide.active {
      -webkit-transform: translate3d(-350px, 0, -1300px) rotatey(0deg) scale(1) !important;
      -khtml-transform: translate3d(-350px, 0, -1300px) rotatey(0deg) scale(1) !important;
      -moz-transform: translate3d(-350px, 0, -1300px) rotatey(0deg) scale(1) !important;
      -ms-transform: translate3d(-350px, 0, -1300px) rotatey(0deg) scale(1) !important;
      -o-transform: translate3d(-350px, 0, -1300px) rotatey(0deg) scale(1) !important;
      transform: translate3d(-350px, 0, -1300px) rotatey(0deg) scale(1) !important; } }
@media (max-width: 700px) {
  .slider {
    -webkit-perspective: 1200px;
    -khtml-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px; }
    .slider .slide {
      max-height: 450px; }
      .slider .slide.active {
        -webkit-transform: translate3d(0px, -210px, -650px) rotatey(0deg) scale(1) !important;
        -khtml-transform: translate3d(0px, -210px, -650px) rotatey(0deg) scale(1) !important;
        -moz-transform: translate3d(0px, -210px, -650px) rotatey(0deg) scale(1) !important;
        -ms-transform: translate3d(0px, -210px, -650px) rotatey(0deg) scale(1) !important;
        -o-transform: translate3d(0px, -210px, -650px) rotatey(0deg) scale(1) !important;
        transform: translate3d(0px, -210px, -650px) rotatey(0deg) scale(1) !important; }
      .slider .slide:nth-child(1) {
        z-index: 10;
        -webkit-transform: translate3d(-110px, 510px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(-110px, 510px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(-110px, 510px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(-110px, 510px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(-110px, 510px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(-110px, 510px, -2000px) rotatey(-35deg) scale(0.5); }
        .slider .slide:nth-child(1):hover {
          -webkit-transform: translate3d(-110px, 490px, -2000px) rotatey(-35deg) scale(0.5);
          -khtml-transform: translate3d(-110px, 490px, -2000px) rotatey(-35deg) scale(0.5);
          -moz-transform: translate3d(-110px, 490px, -2000px) rotatey(-35deg) scale(0.5);
          -ms-transform: translate3d(-110px, 490px, -2000px) rotatey(-35deg) scale(0.5);
          -o-transform: translate3d(-110px, 490px, -2000px) rotatey(-35deg) scale(0.5);
          transform: translate3d(-110px, 490px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(2) {
        z-index: 9;
        -webkit-transform: translate3d(-70px, 470px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(-70px, 470px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(-70px, 470px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(-70px, 470px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(-70px, 470px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(-70px, 470px, -2000px) rotatey(-35deg) scale(0.5); }
        .slider .slide:nth-child(2):hover {
          -webkit-transform: translate3d(-70px, 450px, -2000px) rotatey(-35deg) scale(0.5);
          -khtml-transform: translate3d(-70px, 450px, -2000px) rotatey(-35deg) scale(0.5);
          -moz-transform: translate3d(-70px, 450px, -2000px) rotatey(-35deg) scale(0.5);
          -ms-transform: translate3d(-70px, 450px, -2000px) rotatey(-35deg) scale(0.5);
          -o-transform: translate3d(-70px, 450px, -2000px) rotatey(-35deg) scale(0.5);
          transform: translate3d(-70px, 450px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(3) {
        z-index: 8;
        -webkit-transform: translate3d(-30px, 430px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(-30px, 430px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(-30px, 430px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(-30px, 430px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(-30px, 430px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(-30px, 430px, -2000px) rotatey(-35deg) scale(0.5); }
        .slider .slide:nth-child(3):hover {
          -webkit-transform: translate3d(-30px, 410px, -2000px) rotatey(-35deg) scale(0.5);
          -khtml-transform: translate3d(-30px, 410px, -2000px) rotatey(-35deg) scale(0.5);
          -moz-transform: translate3d(-30px, 410px, -2000px) rotatey(-35deg) scale(0.5);
          -ms-transform: translate3d(-30px, 410px, -2000px) rotatey(-35deg) scale(0.5);
          -o-transform: translate3d(-30px, 410px, -2000px) rotatey(-35deg) scale(0.5);
          transform: translate3d(-30px, 410px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(4) {
        z-index: 7;
        -webkit-transform: translate3d(10px, 390px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(10px, 390px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(10px, 390px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(10px, 390px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(10px, 390px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(10px, 390px, -2000px) rotatey(-35deg) scale(0.5); }
        .slider .slide:nth-child(4):hover {
          -webkit-transform: translate3d(10px, 370px, -2000px) rotatey(-35deg) scale(0.5);
          -khtml-transform: translate3d(10px, 370px, -2000px) rotatey(-35deg) scale(0.5);
          -moz-transform: translate3d(10px, 370px, -2000px) rotatey(-35deg) scale(0.5);
          -ms-transform: translate3d(10px, 370px, -2000px) rotatey(-35deg) scale(0.5);
          -o-transform: translate3d(10px, 370px, -2000px) rotatey(-35deg) scale(0.5);
          transform: translate3d(10px, 370px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(5) {
        z-index: 6;
        -webkit-transform: translate3d(50px, 350px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(50px, 350px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(50px, 350px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(50px, 350px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(50px, 350px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(50px, 350px, -2000px) rotatey(-35deg) scale(0.5); }
        .slider .slide:nth-child(5):hover {
          -webkit-transform: translate3d(50px, 330px, -2000px) rotatey(-35deg) scale(0.5);
          -khtml-transform: translate3d(50px, 330px, -2000px) rotatey(-35deg) scale(0.5);
          -moz-transform: translate3d(50px, 330px, -2000px) rotatey(-35deg) scale(0.5);
          -ms-transform: translate3d(50px, 330px, -2000px) rotatey(-35deg) scale(0.5);
          -o-transform: translate3d(50px, 330px, -2000px) rotatey(-35deg) scale(0.5);
          transform: translate3d(50px, 330px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(6) {
        z-index: 5;
        -webkit-transform: translate3d(90px, 310px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(90px, 310px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(90px, 310px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(90px, 310px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(90px, 310px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(90px, 310px, -2000px) rotatey(-35deg) scale(0.5); }
        .slider .slide:nth-child(6):hover {
          -webkit-transform: translate3d(90px, 290px, -2000px) rotatey(-35deg) scale(0.5);
          -khtml-transform: translate3d(90px, 290px, -2000px) rotatey(-35deg) scale(0.5);
          -moz-transform: translate3d(90px, 290px, -2000px) rotatey(-35deg) scale(0.5);
          -ms-transform: translate3d(90px, 290px, -2000px) rotatey(-35deg) scale(0.5);
          -o-transform: translate3d(90px, 290px, -2000px) rotatey(-35deg) scale(0.5);
          transform: translate3d(90px, 290px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(7) {
        z-index: 4;
        -webkit-transform: translate3d(130px, 270px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(130px, 270px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(130px, 270px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(130px, 270px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(130px, 270px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(130px, 270px, -2000px) rotatey(-35deg) scale(0.5); }
        .slider .slide:nth-child(7):hover {
          -webkit-transform: translate3d(130px, 250px, -2000px) rotatey(-35deg) scale(0.5);
          -khtml-transform: translate3d(130px, 250px, -2000px) rotatey(-35deg) scale(0.5);
          -moz-transform: translate3d(130px, 250px, -2000px) rotatey(-35deg) scale(0.5);
          -ms-transform: translate3d(130px, 250px, -2000px) rotatey(-35deg) scale(0.5);
          -o-transform: translate3d(130px, 250px, -2000px) rotatey(-35deg) scale(0.5);
          transform: translate3d(130px, 250px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(8) {
        z-index: 3;
        -webkit-transform: translate3d(170px, 230px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(170px, 230px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(170px, 230px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(170px, 230px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(170px, 230px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(170px, 230px, -2000px) rotatey(-35deg) scale(0.5); }
        .slider .slide:nth-child(8):hover {
          -webkit-transform: translate3d(170px, 210px, -2000px) rotatey(-35deg) scale(0.5);
          -khtml-transform: translate3d(170px, 210px, -2000px) rotatey(-35deg) scale(0.5);
          -moz-transform: translate3d(170px, 210px, -2000px) rotatey(-35deg) scale(0.5);
          -ms-transform: translate3d(170px, 210px, -2000px) rotatey(-35deg) scale(0.5);
          -o-transform: translate3d(170px, 210px, -2000px) rotatey(-35deg) scale(0.5);
          transform: translate3d(170px, 210px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(9) {
        z-index: 2;
        -webkit-transform: translate3d(210px, 190px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(210px, 190px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(210px, 190px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(210px, 190px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(210px, 190px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(210px, 190px, -2000px) rotatey(-35deg) scale(0.5); }
        .slider .slide:nth-child(9):hover {
          -webkit-transform: translate3d(210px, 170px, -2000px) rotatey(-35deg) scale(0.5);
          -khtml-transform: translate3d(210px, 170px, -2000px) rotatey(-35deg) scale(0.5);
          -moz-transform: translate3d(210px, 170px, -2000px) rotatey(-35deg) scale(0.5);
          -ms-transform: translate3d(210px, 170px, -2000px) rotatey(-35deg) scale(0.5);
          -o-transform: translate3d(210px, 170px, -2000px) rotatey(-35deg) scale(0.5);
          transform: translate3d(210px, 170px, -2000px) rotatey(-35deg) scale(0.5); }
      .slider .slide:nth-child(10) {
        z-index: 1;
        -webkit-transform: translate3d(250px, 150px, -2000px) rotatey(-35deg) scale(0.5);
        -khtml-transform: translate3d(250px, 150px, -2000px) rotatey(-35deg) scale(0.5);
        -moz-transform: translate3d(250px, 150px, -2000px) rotatey(-35deg) scale(0.5);
        -ms-transform: translate3d(250px, 150px, -2000px) rotatey(-35deg) scale(0.5);
        -o-transform: translate3d(250px, 150px, -2000px) rotatey(-35deg) scale(0.5);
        transform: translate3d(250px, 150px, -2000px) rotatey(-35deg) scale(0.5); }
        .slider .slide:nth-child(10):hover {
          -webkit-transform: translate3d(250px, 130px, -2000px) rotatey(-35deg) scale(0.5);
          -khtml-transform: translate3d(250px, 130px, -2000px) rotatey(-35deg) scale(0.5);
          -moz-transform: translate3d(250px, 130px, -2000px) rotatey(-35deg) scale(0.5);
          -ms-transform: translate3d(250px, 130px, -2000px) rotatey(-35deg) scale(0.5);
          -o-transform: translate3d(250px, 130px, -2000px) rotatey(-35deg) scale(0.5);
          transform: translate3d(250px, 130px, -2000px) rotatey(-35deg) scale(0.5); } }
@media (max-width: 400px) {
  .slider {
    -webkit-perspective: 1500px;
    -khtml-perspective: 1500px;
    -moz-perspective: 1500px;
    -ms-perspective: 1500px;
    -o-perspective: 1500px;
    perspective: 1500px; }
    .slider .slide {
      max-height: 240px; }
      .slider .slide.active {
        -webkit-transform: translate3d(0px, -150px, -650px) rotatey(0deg) scale(1) !important;
        -khtml-transform: translate3d(0px, -150px, -650px) rotatey(0deg) scale(1) !important;
        -moz-transform: translate3d(0px, -150px, -650px) rotatey(0deg) scale(1) !important;
        -ms-transform: translate3d(0px, -150px, -650px) rotatey(0deg) scale(1) !important;
        -o-transform: translate3d(0px, -150px, -650px) rotatey(0deg) scale(1) !important;
        transform: translate3d(0px, -150px, -650px) rotatey(0deg) scale(1) !important; }
      .slider .slide:nth-child(1) {
        z-index: 10;
        -webkit-transform: translate3d(-130px, 180px, -2000px) rotatey(-35deg) scale(0.4);
        -khtml-transform: translate3d(-130px, 180px, -2000px) rotatey(-35deg) scale(0.4);
        -moz-transform: translate3d(-130px, 180px, -2000px) rotatey(-35deg) scale(0.4);
        -ms-transform: translate3d(-130px, 180px, -2000px) rotatey(-35deg) scale(0.4);
        -o-transform: translate3d(-130px, 180px, -2000px) rotatey(-35deg) scale(0.4);
        transform: translate3d(-130px, 180px, -2000px) rotatey(-35deg) scale(0.4); }
        .slider .slide:nth-child(1):hover {
          -webkit-transform: translate3d(-130px, 170px, -2000px) rotatey(-35deg) scale(0.4);
          -khtml-transform: translate3d(-130px, 170px, -2000px) rotatey(-35deg) scale(0.4);
          -moz-transform: translate3d(-130px, 170px, -2000px) rotatey(-35deg) scale(0.4);
          -ms-transform: translate3d(-130px, 170px, -2000px) rotatey(-35deg) scale(0.4);
          -o-transform: translate3d(-130px, 170px, -2000px) rotatey(-35deg) scale(0.4);
          transform: translate3d(-130px, 170px, -2000px) rotatey(-35deg) scale(0.4); }
      .slider .slide:nth-child(2) {
        z-index: 9;
        -webkit-transform: translate3d(-110px, 160px, -2000px) rotatey(-35deg) scale(0.4);
        -khtml-transform: translate3d(-110px, 160px, -2000px) rotatey(-35deg) scale(0.4);
        -moz-transform: translate3d(-110px, 160px, -2000px) rotatey(-35deg) scale(0.4);
        -ms-transform: translate3d(-110px, 160px, -2000px) rotatey(-35deg) scale(0.4);
        -o-transform: translate3d(-110px, 160px, -2000px) rotatey(-35deg) scale(0.4);
        transform: translate3d(-110px, 160px, -2000px) rotatey(-35deg) scale(0.4); }
        .slider .slide:nth-child(2):hover {
          -webkit-transform: translate3d(-110px, 150px, -2000px) rotatey(-35deg) scale(0.4);
          -khtml-transform: translate3d(-110px, 150px, -2000px) rotatey(-35deg) scale(0.4);
          -moz-transform: translate3d(-110px, 150px, -2000px) rotatey(-35deg) scale(0.4);
          -ms-transform: translate3d(-110px, 150px, -2000px) rotatey(-35deg) scale(0.4);
          -o-transform: translate3d(-110px, 150px, -2000px) rotatey(-35deg) scale(0.4);
          transform: translate3d(-110px, 150px, -2000px) rotatey(-35deg) scale(0.4); }
      .slider .slide:nth-child(3) {
        z-index: 8;
        -webkit-transform: translate3d(-90px, 140px, -2000px) rotatey(-35deg) scale(0.4);
        -khtml-transform: translate3d(-90px, 140px, -2000px) rotatey(-35deg) scale(0.4);
        -moz-transform: translate3d(-90px, 140px, -2000px) rotatey(-35deg) scale(0.4);
        -ms-transform: translate3d(-90px, 140px, -2000px) rotatey(-35deg) scale(0.4);
        -o-transform: translate3d(-90px, 140px, -2000px) rotatey(-35deg) scale(0.4);
        transform: translate3d(-90px, 140px, -2000px) rotatey(-35deg) scale(0.4); }
        .slider .slide:nth-child(3):hover {
          -webkit-transform: translate3d(-90px, 130px, -2000px) rotatey(-35deg) scale(0.4);
          -khtml-transform: translate3d(-90px, 130px, -2000px) rotatey(-35deg) scale(0.4);
          -moz-transform: translate3d(-90px, 130px, -2000px) rotatey(-35deg) scale(0.4);
          -ms-transform: translate3d(-90px, 130px, -2000px) rotatey(-35deg) scale(0.4);
          -o-transform: translate3d(-90px, 130px, -2000px) rotatey(-35deg) scale(0.4);
          transform: translate3d(-90px, 130px, -2000px) rotatey(-35deg) scale(0.4); }
      .slider .slide:nth-child(4) {
        z-index: 7;
        -webkit-transform: translate3d(-70px, 120px, -2000px) rotatey(-35deg) scale(0.4);
        -khtml-transform: translate3d(-70px, 120px, -2000px) rotatey(-35deg) scale(0.4);
        -moz-transform: translate3d(-70px, 120px, -2000px) rotatey(-35deg) scale(0.4);
        -ms-transform: translate3d(-70px, 120px, -2000px) rotatey(-35deg) scale(0.4);
        -o-transform: translate3d(-70px, 120px, -2000px) rotatey(-35deg) scale(0.4);
        transform: translate3d(-70px, 120px, -2000px) rotatey(-35deg) scale(0.4); }
        .slider .slide:nth-child(4):hover {
          -webkit-transform: translate3d(-70px, 110px, -2000px) rotatey(-35deg) scale(0.4);
          -khtml-transform: translate3d(-70px, 110px, -2000px) rotatey(-35deg) scale(0.4);
          -moz-transform: translate3d(-70px, 110px, -2000px) rotatey(-35deg) scale(0.4);
          -ms-transform: translate3d(-70px, 110px, -2000px) rotatey(-35deg) scale(0.4);
          -o-transform: translate3d(-70px, 110px, -2000px) rotatey(-35deg) scale(0.4);
          transform: translate3d(-70px, 110px, -2000px) rotatey(-35deg) scale(0.4); }
      .slider .slide:nth-child(5) {
        z-index: 6;
        -webkit-transform: translate3d(-50px, 100px, -2000px) rotatey(-35deg) scale(0.4);
        -khtml-transform: translate3d(-50px, 100px, -2000px) rotatey(-35deg) scale(0.4);
        -moz-transform: translate3d(-50px, 100px, -2000px) rotatey(-35deg) scale(0.4);
        -ms-transform: translate3d(-50px, 100px, -2000px) rotatey(-35deg) scale(0.4);
        -o-transform: translate3d(-50px, 100px, -2000px) rotatey(-35deg) scale(0.4);
        transform: translate3d(-50px, 100px, -2000px) rotatey(-35deg) scale(0.4); }
        .slider .slide:nth-child(5):hover {
          -webkit-transform: translate3d(-50px, 90px, -2000px) rotatey(-35deg) scale(0.4);
          -khtml-transform: translate3d(-50px, 90px, -2000px) rotatey(-35deg) scale(0.4);
          -moz-transform: translate3d(-50px, 90px, -2000px) rotatey(-35deg) scale(0.4);
          -ms-transform: translate3d(-50px, 90px, -2000px) rotatey(-35deg) scale(0.4);
          -o-transform: translate3d(-50px, 90px, -2000px) rotatey(-35deg) scale(0.4);
          transform: translate3d(-50px, 90px, -2000px) rotatey(-35deg) scale(0.4); }
      .slider .slide:nth-child(6) {
        z-index: 5;
        -webkit-transform: translate3d(-30px, 80px, -2000px) rotatey(-35deg) scale(0.4);
        -khtml-transform: translate3d(-30px, 80px, -2000px) rotatey(-35deg) scale(0.4);
        -moz-transform: translate3d(-30px, 80px, -2000px) rotatey(-35deg) scale(0.4);
        -ms-transform: translate3d(-30px, 80px, -2000px) rotatey(-35deg) scale(0.4);
        -o-transform: translate3d(-30px, 80px, -2000px) rotatey(-35deg) scale(0.4);
        transform: translate3d(-30px, 80px, -2000px) rotatey(-35deg) scale(0.4); }
        .slider .slide:nth-child(6):hover {
          -webkit-transform: translate3d(-30px, 70px, -2000px) rotatey(-35deg) scale(0.4);
          -khtml-transform: translate3d(-30px, 70px, -2000px) rotatey(-35deg) scale(0.4);
          -moz-transform: translate3d(-30px, 70px, -2000px) rotatey(-35deg) scale(0.4);
          -ms-transform: translate3d(-30px, 70px, -2000px) rotatey(-35deg) scale(0.4);
          -o-transform: translate3d(-30px, 70px, -2000px) rotatey(-35deg) scale(0.4);
          transform: translate3d(-30px, 70px, -2000px) rotatey(-35deg) scale(0.4); }
      .slider .slide:nth-child(7) {
        z-index: 4;
        -webkit-transform: translate3d(-10px, 60px, -2000px) rotatey(-35deg) scale(0.4);
        -khtml-transform: translate3d(-10px, 60px, -2000px) rotatey(-35deg) scale(0.4);
        -moz-transform: translate3d(-10px, 60px, -2000px) rotatey(-35deg) scale(0.4);
        -ms-transform: translate3d(-10px, 60px, -2000px) rotatey(-35deg) scale(0.4);
        -o-transform: translate3d(-10px, 60px, -2000px) rotatey(-35deg) scale(0.4);
        transform: translate3d(-10px, 60px, -2000px) rotatey(-35deg) scale(0.4); }
        .slider .slide:nth-child(7):hover {
          -webkit-transform: translate3d(-10px, 50px, -2000px) rotatey(-35deg) scale(0.4);
          -khtml-transform: translate3d(-10px, 50px, -2000px) rotatey(-35deg) scale(0.4);
          -moz-transform: translate3d(-10px, 50px, -2000px) rotatey(-35deg) scale(0.4);
          -ms-transform: translate3d(-10px, 50px, -2000px) rotatey(-35deg) scale(0.4);
          -o-transform: translate3d(-10px, 50px, -2000px) rotatey(-35deg) scale(0.4);
          transform: translate3d(-10px, 50px, -2000px) rotatey(-35deg) scale(0.4); }
      .slider .slide:nth-child(8) {
        z-index: 3;
        -webkit-transform: translate3d(10px, 40px, -2000px) rotatey(-35deg) scale(0.4);
        -khtml-transform: translate3d(10px, 40px, -2000px) rotatey(-35deg) scale(0.4);
        -moz-transform: translate3d(10px, 40px, -2000px) rotatey(-35deg) scale(0.4);
        -ms-transform: translate3d(10px, 40px, -2000px) rotatey(-35deg) scale(0.4);
        -o-transform: translate3d(10px, 40px, -2000px) rotatey(-35deg) scale(0.4);
        transform: translate3d(10px, 40px, -2000px) rotatey(-35deg) scale(0.4); }
        .slider .slide:nth-child(8):hover {
          -webkit-transform: translate3d(10px, 30px, -2000px) rotatey(-35deg) scale(0.4);
          -khtml-transform: translate3d(10px, 30px, -2000px) rotatey(-35deg) scale(0.4);
          -moz-transform: translate3d(10px, 30px, -2000px) rotatey(-35deg) scale(0.4);
          -ms-transform: translate3d(10px, 30px, -2000px) rotatey(-35deg) scale(0.4);
          -o-transform: translate3d(10px, 30px, -2000px) rotatey(-35deg) scale(0.4);
          transform: translate3d(10px, 30px, -2000px) rotatey(-35deg) scale(0.4); }
      .slider .slide:nth-child(9) {
        z-index: 2;
        -webkit-transform: translate3d(30px, 20px, -2000px) rotatey(-35deg) scale(0.4);
        -khtml-transform: translate3d(30px, 20px, -2000px) rotatey(-35deg) scale(0.4);
        -moz-transform: translate3d(30px, 20px, -2000px) rotatey(-35deg) scale(0.4);
        -ms-transform: translate3d(30px, 20px, -2000px) rotatey(-35deg) scale(0.4);
        -o-transform: translate3d(30px, 20px, -2000px) rotatey(-35deg) scale(0.4);
        transform: translate3d(30px, 20px, -2000px) rotatey(-35deg) scale(0.4); }
        .slider .slide:nth-child(9):hover {
          -webkit-transform: translate3d(30px, 10px, -2000px) rotatey(-35deg) scale(0.4);
          -khtml-transform: translate3d(30px, 10px, -2000px) rotatey(-35deg) scale(0.4);
          -moz-transform: translate3d(30px, 10px, -2000px) rotatey(-35deg) scale(0.4);
          -ms-transform: translate3d(30px, 10px, -2000px) rotatey(-35deg) scale(0.4);
          -o-transform: translate3d(30px, 10px, -2000px) rotatey(-35deg) scale(0.4);
          transform: translate3d(30px, 10px, -2000px) rotatey(-35deg) scale(0.4); }
      .slider .slide:nth-child(10) {
        z-index: 1;
        -webkit-transform: translate3d(50px, 0px, -2000px) rotatey(-35deg) scale(0.4);
        -khtml-transform: translate3d(50px, 0px, -2000px) rotatey(-35deg) scale(0.4);
        -moz-transform: translate3d(50px, 0px, -2000px) rotatey(-35deg) scale(0.4);
        -ms-transform: translate3d(50px, 0px, -2000px) rotatey(-35deg) scale(0.4);
        -o-transform: translate3d(50px, 0px, -2000px) rotatey(-35deg) scale(0.4);
        transform: translate3d(50px, 0px, -2000px) rotatey(-35deg) scale(0.4); }
        .slider .slide:nth-child(10):hover {
          -webkit-transform: translate3d(50px, -10px, -2000px) rotatey(-35deg) scale(0.4);
          -khtml-transform: translate3d(50px, -10px, -2000px) rotatey(-35deg) scale(0.4);
          -moz-transform: translate3d(50px, -10px, -2000px) rotatey(-35deg) scale(0.4);
          -ms-transform: translate3d(50px, -10px, -2000px) rotatey(-35deg) scale(0.4);
          -o-transform: translate3d(50px, -10px, -2000px) rotatey(-35deg) scale(0.4);
          transform: translate3d(50px, -10px, -2000px) rotatey(-35deg) scale(0.4); }
    .slider .controls {
      bottom: 1rem; } }
@media (max-width: 340px) {
  .slider .slide.active {
    -webkit-transform: translate3d(0px, -120px, -650px) rotatey(0deg) scale(1) !important;
    -khtml-transform: translate3d(0px, -120px, -650px) rotatey(0deg) scale(1) !important;
    -moz-transform: translate3d(0px, -120px, -650px) rotatey(0deg) scale(1) !important;
    -ms-transform: translate3d(0px, -120px, -650px) rotatey(0deg) scale(1) !important;
    -o-transform: translate3d(0px, -120px, -650px) rotatey(0deg) scale(1) !important;
    transform: translate3d(0px, -120px, -650px) rotatey(0deg) scale(1) !important; }
  .slider .slide:nth-child(1) {
    z-index: 10;
    -webkit-transform: translate3d(-80px, 230px, -2000px) rotatey(-35deg) scale(0.4);
    -khtml-transform: translate3d(-80px, 230px, -2000px) rotatey(-35deg) scale(0.4);
    -moz-transform: translate3d(-80px, 230px, -2000px) rotatey(-35deg) scale(0.4);
    -ms-transform: translate3d(-80px, 230px, -2000px) rotatey(-35deg) scale(0.4);
    -o-transform: translate3d(-80px, 230px, -2000px) rotatey(-35deg) scale(0.4);
    transform: translate3d(-80px, 230px, -2000px) rotatey(-35deg) scale(0.4); }
    .slider .slide:nth-child(1):hover {
      -webkit-transform: translate3d(-80px, 220px, -2000px) rotatey(-35deg) scale(0.4);
      -khtml-transform: translate3d(-80px, 220px, -2000px) rotatey(-35deg) scale(0.4);
      -moz-transform: translate3d(-80px, 220px, -2000px) rotatey(-35deg) scale(0.4);
      -ms-transform: translate3d(-80px, 220px, -2000px) rotatey(-35deg) scale(0.4);
      -o-transform: translate3d(-80px, 220px, -2000px) rotatey(-35deg) scale(0.4);
      transform: translate3d(-80px, 220px, -2000px) rotatey(-35deg) scale(0.4); }
  .slider .slide:nth-child(2) {
    z-index: 9;
    -webkit-transform: translate3d(-60px, 210px, -2000px) rotatey(-35deg) scale(0.4);
    -khtml-transform: translate3d(-60px, 210px, -2000px) rotatey(-35deg) scale(0.4);
    -moz-transform: translate3d(-60px, 210px, -2000px) rotatey(-35deg) scale(0.4);
    -ms-transform: translate3d(-60px, 210px, -2000px) rotatey(-35deg) scale(0.4);
    -o-transform: translate3d(-60px, 210px, -2000px) rotatey(-35deg) scale(0.4);
    transform: translate3d(-60px, 210px, -2000px) rotatey(-35deg) scale(0.4); }
    .slider .slide:nth-child(2):hover {
      -webkit-transform: translate3d(-60px, 200px, -2000px) rotatey(-35deg) scale(0.4);
      -khtml-transform: translate3d(-60px, 200px, -2000px) rotatey(-35deg) scale(0.4);
      -moz-transform: translate3d(-60px, 200px, -2000px) rotatey(-35deg) scale(0.4);
      -ms-transform: translate3d(-60px, 200px, -2000px) rotatey(-35deg) scale(0.4);
      -o-transform: translate3d(-60px, 200px, -2000px) rotatey(-35deg) scale(0.4);
      transform: translate3d(-60px, 200px, -2000px) rotatey(-35deg) scale(0.4); }
  .slider .slide:nth-child(3) {
    z-index: 8;
    -webkit-transform: translate3d(-40px, 190px, -2000px) rotatey(-35deg) scale(0.4);
    -khtml-transform: translate3d(-40px, 190px, -2000px) rotatey(-35deg) scale(0.4);
    -moz-transform: translate3d(-40px, 190px, -2000px) rotatey(-35deg) scale(0.4);
    -ms-transform: translate3d(-40px, 190px, -2000px) rotatey(-35deg) scale(0.4);
    -o-transform: translate3d(-40px, 190px, -2000px) rotatey(-35deg) scale(0.4);
    transform: translate3d(-40px, 190px, -2000px) rotatey(-35deg) scale(0.4); }
    .slider .slide:nth-child(3):hover {
      -webkit-transform: translate3d(-40px, 180px, -2000px) rotatey(-35deg) scale(0.4);
      -khtml-transform: translate3d(-40px, 180px, -2000px) rotatey(-35deg) scale(0.4);
      -moz-transform: translate3d(-40px, 180px, -2000px) rotatey(-35deg) scale(0.4);
      -ms-transform: translate3d(-40px, 180px, -2000px) rotatey(-35deg) scale(0.4);
      -o-transform: translate3d(-40px, 180px, -2000px) rotatey(-35deg) scale(0.4);
      transform: translate3d(-40px, 180px, -2000px) rotatey(-35deg) scale(0.4); }
  .slider .slide:nth-child(4) {
    z-index: 7;
    -webkit-transform: translate3d(-20px, 170px, -2000px) rotatey(-35deg) scale(0.4);
    -khtml-transform: translate3d(-20px, 170px, -2000px) rotatey(-35deg) scale(0.4);
    -moz-transform: translate3d(-20px, 170px, -2000px) rotatey(-35deg) scale(0.4);
    -ms-transform: translate3d(-20px, 170px, -2000px) rotatey(-35deg) scale(0.4);
    -o-transform: translate3d(-20px, 170px, -2000px) rotatey(-35deg) scale(0.4);
    transform: translate3d(-20px, 170px, -2000px) rotatey(-35deg) scale(0.4); }
    .slider .slide:nth-child(4):hover {
      -webkit-transform: translate3d(-20px, 160px, -2000px) rotatey(-35deg) scale(0.4);
      -khtml-transform: translate3d(-20px, 160px, -2000px) rotatey(-35deg) scale(0.4);
      -moz-transform: translate3d(-20px, 160px, -2000px) rotatey(-35deg) scale(0.4);
      -ms-transform: translate3d(-20px, 160px, -2000px) rotatey(-35deg) scale(0.4);
      -o-transform: translate3d(-20px, 160px, -2000px) rotatey(-35deg) scale(0.4);
      transform: translate3d(-20px, 160px, -2000px) rotatey(-35deg) scale(0.4); }
  .slider .slide:nth-child(5) {
    z-index: 6;
    -webkit-transform: translate3d(0px, 150px, -2000px) rotatey(-35deg) scale(0.4);
    -khtml-transform: translate3d(0px, 150px, -2000px) rotatey(-35deg) scale(0.4);
    -moz-transform: translate3d(0px, 150px, -2000px) rotatey(-35deg) scale(0.4);
    -ms-transform: translate3d(0px, 150px, -2000px) rotatey(-35deg) scale(0.4);
    -o-transform: translate3d(0px, 150px, -2000px) rotatey(-35deg) scale(0.4);
    transform: translate3d(0px, 150px, -2000px) rotatey(-35deg) scale(0.4); }
    .slider .slide:nth-child(5):hover {
      -webkit-transform: translate3d(0px, 140px, -2000px) rotatey(-35deg) scale(0.4);
      -khtml-transform: translate3d(0px, 140px, -2000px) rotatey(-35deg) scale(0.4);
      -moz-transform: translate3d(0px, 140px, -2000px) rotatey(-35deg) scale(0.4);
      -ms-transform: translate3d(0px, 140px, -2000px) rotatey(-35deg) scale(0.4);
      -o-transform: translate3d(0px, 140px, -2000px) rotatey(-35deg) scale(0.4);
      transform: translate3d(0px, 140px, -2000px) rotatey(-35deg) scale(0.4); }
  .slider .slide:nth-child(6) {
    z-index: 5;
    -webkit-transform: translate3d(20px, 130px, -2000px) rotatey(-35deg) scale(0.4);
    -khtml-transform: translate3d(20px, 130px, -2000px) rotatey(-35deg) scale(0.4);
    -moz-transform: translate3d(20px, 130px, -2000px) rotatey(-35deg) scale(0.4);
    -ms-transform: translate3d(20px, 130px, -2000px) rotatey(-35deg) scale(0.4);
    -o-transform: translate3d(20px, 130px, -2000px) rotatey(-35deg) scale(0.4);
    transform: translate3d(20px, 130px, -2000px) rotatey(-35deg) scale(0.4); }
    .slider .slide:nth-child(6):hover {
      -webkit-transform: translate3d(20px, 120px, -2000px) rotatey(-35deg) scale(0.4);
      -khtml-transform: translate3d(20px, 120px, -2000px) rotatey(-35deg) scale(0.4);
      -moz-transform: translate3d(20px, 120px, -2000px) rotatey(-35deg) scale(0.4);
      -ms-transform: translate3d(20px, 120px, -2000px) rotatey(-35deg) scale(0.4);
      -o-transform: translate3d(20px, 120px, -2000px) rotatey(-35deg) scale(0.4);
      transform: translate3d(20px, 120px, -2000px) rotatey(-35deg) scale(0.4); }
  .slider .slide:nth-child(7) {
    z-index: 4;
    -webkit-transform: translate3d(40px, 110px, -2000px) rotatey(-35deg) scale(0.4);
    -khtml-transform: translate3d(40px, 110px, -2000px) rotatey(-35deg) scale(0.4);
    -moz-transform: translate3d(40px, 110px, -2000px) rotatey(-35deg) scale(0.4);
    -ms-transform: translate3d(40px, 110px, -2000px) rotatey(-35deg) scale(0.4);
    -o-transform: translate3d(40px, 110px, -2000px) rotatey(-35deg) scale(0.4);
    transform: translate3d(40px, 110px, -2000px) rotatey(-35deg) scale(0.4); }
    .slider .slide:nth-child(7):hover {
      -webkit-transform: translate3d(40px, 100px, -2000px) rotatey(-35deg) scale(0.4);
      -khtml-transform: translate3d(40px, 100px, -2000px) rotatey(-35deg) scale(0.4);
      -moz-transform: translate3d(40px, 100px, -2000px) rotatey(-35deg) scale(0.4);
      -ms-transform: translate3d(40px, 100px, -2000px) rotatey(-35deg) scale(0.4);
      -o-transform: translate3d(40px, 100px, -2000px) rotatey(-35deg) scale(0.4);
      transform: translate3d(40px, 100px, -2000px) rotatey(-35deg) scale(0.4); }
  .slider .slide:nth-child(8) {
    z-index: 3;
    -webkit-transform: translate3d(60px, 90px, -2000px) rotatey(-35deg) scale(0.4);
    -khtml-transform: translate3d(60px, 90px, -2000px) rotatey(-35deg) scale(0.4);
    -moz-transform: translate3d(60px, 90px, -2000px) rotatey(-35deg) scale(0.4);
    -ms-transform: translate3d(60px, 90px, -2000px) rotatey(-35deg) scale(0.4);
    -o-transform: translate3d(60px, 90px, -2000px) rotatey(-35deg) scale(0.4);
    transform: translate3d(60px, 90px, -2000px) rotatey(-35deg) scale(0.4); }
    .slider .slide:nth-child(8):hover {
      -webkit-transform: translate3d(60px, 80px, -2000px) rotatey(-35deg) scale(0.4);
      -khtml-transform: translate3d(60px, 80px, -2000px) rotatey(-35deg) scale(0.4);
      -moz-transform: translate3d(60px, 80px, -2000px) rotatey(-35deg) scale(0.4);
      -ms-transform: translate3d(60px, 80px, -2000px) rotatey(-35deg) scale(0.4);
      -o-transform: translate3d(60px, 80px, -2000px) rotatey(-35deg) scale(0.4);
      transform: translate3d(60px, 80px, -2000px) rotatey(-35deg) scale(0.4); }
  .slider .slide:nth-child(9) {
    z-index: 2;
    -webkit-transform: translate3d(80px, 70px, -2000px) rotatey(-35deg) scale(0.4);
    -khtml-transform: translate3d(80px, 70px, -2000px) rotatey(-35deg) scale(0.4);
    -moz-transform: translate3d(80px, 70px, -2000px) rotatey(-35deg) scale(0.4);
    -ms-transform: translate3d(80px, 70px, -2000px) rotatey(-35deg) scale(0.4);
    -o-transform: translate3d(80px, 70px, -2000px) rotatey(-35deg) scale(0.4);
    transform: translate3d(80px, 70px, -2000px) rotatey(-35deg) scale(0.4); }
    .slider .slide:nth-child(9):hover {
      -webkit-transform: translate3d(80px, 60px, -2000px) rotatey(-35deg) scale(0.4);
      -khtml-transform: translate3d(80px, 60px, -2000px) rotatey(-35deg) scale(0.4);
      -moz-transform: translate3d(80px, 60px, -2000px) rotatey(-35deg) scale(0.4);
      -ms-transform: translate3d(80px, 60px, -2000px) rotatey(-35deg) scale(0.4);
      -o-transform: translate3d(80px, 60px, -2000px) rotatey(-35deg) scale(0.4);
      transform: translate3d(80px, 60px, -2000px) rotatey(-35deg) scale(0.4); }
  .slider .slide:nth-child(10) {
    z-index: 1;
    -webkit-transform: translate3d(100px, 50px, -2000px) rotatey(-35deg) scale(0.4);
    -khtml-transform: translate3d(100px, 50px, -2000px) rotatey(-35deg) scale(0.4);
    -moz-transform: translate3d(100px, 50px, -2000px) rotatey(-35deg) scale(0.4);
    -ms-transform: translate3d(100px, 50px, -2000px) rotatey(-35deg) scale(0.4);
    -o-transform: translate3d(100px, 50px, -2000px) rotatey(-35deg) scale(0.4);
    transform: translate3d(100px, 50px, -2000px) rotatey(-35deg) scale(0.4); }
    .slider .slide:nth-child(10):hover {
      -webkit-transform: translate3d(100px, 40px, -2000px) rotatey(-35deg) scale(0.4);
      -khtml-transform: translate3d(100px, 40px, -2000px) rotatey(-35deg) scale(0.4);
      -moz-transform: translate3d(100px, 40px, -2000px) rotatey(-35deg) scale(0.4);
      -ms-transform: translate3d(100px, 40px, -2000px) rotatey(-35deg) scale(0.4);
      -o-transform: translate3d(100px, 40px, -2000px) rotatey(-35deg) scale(0.4);
      transform: translate3d(100px, 40px, -2000px) rotatey(-35deg) scale(0.4); } }

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