@-webkit-keyframes bounce {
  /* line 8, ../sass/animation.scss */
  0%, 10% {
    -webkit-transform: translateY(276px);
  }

  /* line 9, ../sass/animation.scss */
  20% {
    -webkit-transform: translateY(-276px);
  }

  /* line 10, ../sass/animation.scss */
  25% {
    -webkit-transform: translateY(-250px);
  }

  /* line 11, ../sass/animation.scss */
  35% {
    -webkit-transform: translateY(-252px);
  }

  /* line 12, ../sass/animation.scss */
  45%, 100% {
    -webkit-transform: translateY(-250px);
  }
}

@-moz-keyframes bounce {
  /* line 17, ../sass/animation.scss */
  0%, 10% {
    -moz-transform: translateY(276px);
  }

  /* line 18, ../sass/animation.scss */
  20% {
    -moz-transform: translateY(-276px);
  }

  /* line 19, ../sass/animation.scss */
  25% {
    -moz-transform: translateY(-250px);
  }

  /* line 20, ../sass/animation.scss */
  35% {
    -moz-transform: translateY(-252px);
  }

  /* line 21, ../sass/animation.scss */
  45%, 100% {
    -moz-transform: translateY(-250px);
  }
}

@-o-keyframes bounce {
  /* line 26, ../sass/animation.scss */
  0%, 10% {
    -o-transform: translateY(276px);
  }

  /* line 27, ../sass/animation.scss */
  20% {
    -o-transform: translateY(-276px);
  }

  /* line 28, ../sass/animation.scss */
  25% {
    -o-transform: translateY(-250px);
  }

  /* line 29, ../sass/animation.scss */
  35% {
    -o-transform: translateY(-252px);
  }

  /* line 30, ../sass/animation.scss */
  45%, 100% {
    -o-transform: translateY(-250px);
  }
}

@keyframes bounce {
  /* line 35, ../sass/animation.scss */
  0%, 10% {
    transform: translateY(276px);
  }

  /* line 36, ../sass/animation.scss */
  20% {
    transform: translateY(-276px);
  }

  /* line 37, ../sass/animation.scss */
  25% {
    transform: translateY(-250px);
  }

  /* line 38, ../sass/animation.scss */
  35% {
    transform: translateY(-252px);
  }

  /* line 39, ../sass/animation.scss */
  45%, 100% {
    transform: translateY(-250px);
  }
}

/* line 44, ../sass/animation.scss */
.bounce {
  -webkit-visibility: visible !important;
  -moz-visibility: visible !important;
  -o-visibility: visible !important;
  visibility: visible !important;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  -o-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

@-webkit-keyframes rotate0_-90 {
  /* line 53, ../sass/animation.scss */
  0% {
    -webkit-transform: rotateX(0deg);
  }

  /* line 54, ../sass/animation.scss */
  100% {
    -webkit-transform: rotateX(-90deg);
  }
}

@-webkit-keyframes rotate90_0 {
  /* line 57, ../sass/animation.scss */
  0% {
    -webkit-transform: rotateX(90deg);
  }

  /* line 58, ../sass/animation.scss */
  100% {
    -webkit-transform: rotateX(0deg);
  }
}

@-moz-keyframes rotate0_-90 {
  /* line 62, ../sass/animation.scss */
  0% {
    -moz-transform: rotateX(0deg);
  }

  /* line 63, ../sass/animation.scss */
  100% {
    -moz-transform: rotateX(-90deg);
  }
}

@-moz-keyframes rotate90_0 {
  /* line 66, ../sass/animation.scss */
  0% {
    -moz-transform: rotateX(90deg);
  }

  /* line 67, ../sass/animation.scss */
  100% {
    -moz-transform: rotateX(0deg);
  }
}

@-o-keyframes rotate0_-90 {
  /* line 71, ../sass/animation.scss */
  0% {
    -o-transform: rotateX(0deg);
  }

  /* line 72, ../sass/animation.scss */
  100% {
    -o-transform: rotateX(-90deg);
  }
}

@-o-keyframes rotate90_0 {
  /* line 75, ../sass/animation.scss */
  0% {
    -o-transform: rotateX(90deg);
  }

  /* line 76, ../sass/animation.scss */
  100% {
    -o-transform: rotateX(0deg);
  }
}

@keyframes rotate0_-90 {
  /* line 80, ../sass/animation.scss */
  0% {
    transform: rotateX(0deg);
  }

  /* line 81, ../sass/animation.scss */
  100% {
    transform: rotateX(-90deg);
  }
}

@keyframes rotate90_0 {
  /* line 84, ../sass/animation.scss */
  0% {
    transform: rotateX(90deg);
  }

  /* line 85, ../sass/animation.scss */
  100% {
    transform: rotateX(0deg);
  }
}

/* line 88, ../sass/animation.scss */
.rotate0_-90 {
  -webkit-animation-name: rotate0_-90;
  -moz-animation-name: rotate0_-90;
  -o-animation-name: rotate0_-90;
  animation-name: rotate0_-90;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

/* line 95, ../sass/animation.scss */
.rotate90_0 {
  -webkit-animation-name: rotate90_0;
  -moz-animation-name: rotate90_0;
  -o-animation-name: rotate90_0;
  animation-name: rotate90_0;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

/* line 103, ../sass/animation.scss */
header {
  position: relative;
}
/* line 105, ../sass/animation.scss */
header #phones {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: -276px;
  width: 100%;
  text-align: center;
  height: 276px;
}
/* line 113, ../sass/animation.scss */
header #phones li {
  width: 130px;
  height: 552px;
  list-style-type: none;
  margin: 0 0.5%;
  display: inline-block;
}
/* line 120, ../sass/animation.scss */
header #phones li#phone1 {
  background-image: url("../img/phoneImg1.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  /* line 120, ../sass/animation.scss */
  header #phones li#phone1 {
    background-image: url("../img/phoneImg1-2x.png");
    background-size: 130px 276px;
  }
}
/* line 121, ../sass/animation.scss */
header #phones li#phone2 {
  background-image: url("../img/phoneImg2.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  /* line 121, ../sass/animation.scss */
  header #phones li#phone2 {
    background-image: url("../img/phoneImg2-2x.png");
    background-size: 130px 276px;
  }
}
/* line 122, ../sass/animation.scss */
header #phones li#phone3 {
  background-image: url("../img/phoneImg3.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  /* line 122, ../sass/animation.scss */
  header #phones li#phone3 {
    background-image: url("../img/phoneImg3-2x.png");
    background-size: 130px 276px;
  }
}
/* line 123, ../sass/animation.scss */
header #phones li#phone4 {
  background-image: url("../img/phoneImg4.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  /* line 123, ../sass/animation.scss */
  header #phones li#phone4 {
    background-image: url("../img/phoneImg4-2x.png");
    background-size: 130px 276px;
  }
}
/* line 124, ../sass/animation.scss */
header #phones li#phone5 {
  background-image: url("../img/phoneImg5.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  /* line 124, ../sass/animation.scss */
  header #phones li#phone5 {
    background-image: url("../img/phoneImg5-2x.png");
    background-size: 130px 276px;
  }
}
/* line 125, ../sass/animation.scss */
header #phones li#phone6 {
  background-image: url("../img/phoneImg6.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  /* line 125, ../sass/animation.scss */
  header #phones li#phone6 {
    background-image: url("../img/phoneImg6-2x.png");
    background-size: 130px 276px;
  }
}
/* line 126, ../sass/animation.scss */
header #phones li#phone7 {
  background-image: url("../img/phoneImg7.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  /* line 126, ../sass/animation.scss */
  header #phones li#phone7 {
    background-image: url("../img/phoneImg7-2x.png");
    background-size: 130px 276px;
  }
}
/* line 127, ../sass/animation.scss */
header #phones li#phone8 {
  background-image: url("../img/phoneImg8.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  /* line 127, ../sass/animation.scss */
  header #phones li#phone8 {
    background-image: url("../img/phoneImg8-2x.png");
    background-size: 130px 276px;
  }
}
/* line 128, ../sass/animation.scss */
header #phones li#phone9 {
  background-image: url("../img/phoneImg9.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  /* line 128, ../sass/animation.scss */
  header #phones li#phone9 {
    background-image: url("../img/phoneImg9-2x.png");
    background-size: 130px 276px;
  }
}
/* line 129, ../sass/animation.scss */
header #phones li#phone10 {
  background-image: url("../img/phoneImg10.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  /* line 129, ../sass/animation.scss */
  header #phones li#phone10 {
    background-image: url("../img/phoneImg10-2x.png");
    background-size: 130px 276px;
  }
}

/* line 189, ../sass/animation.scss */
#circles {
  padding: 0;
}
/* line 191, ../sass/animation.scss */
#circles #first-place, #circles #second-place, #circles #third-place, #circles #peoples-place {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: 0 0 0 15px;
}
/* line 196, ../sass/animation.scss */
#circles #first-place .front, #circles #first-place .back, #circles #second-place .front, #circles #second-place .back, #circles #third-place .front, #circles #third-place .back, #circles #peoples-place .front, #circles #peoples-place .back {
  position: absolute;
  top: 0;
}
/* line 200, ../sass/animation.scss */
#circles #first-place .front, #circles #second-place .front, #circles #third-place .front, #circles #peoples-place .front {
  z-index: 1;
  color: transparent;
}
/* line 204, ../sass/animation.scss */
#circles #first-place .back, #circles #second-place .back, #circles #third-place .back, #circles #peoples-place .back {
  z-index: 0;
}
/* line 208, ../sass/animation.scss */
#circles #first-place {
  width: 312px !important;
  height: 313px !important;
}
/* line 137, ../sass/animation.scss */
#circles #first-place .front, #circles #first-place .back {
  width: 312px !important;
  height: 313px !important;
  -webkit-transition: rotateX;
  -moz-transition: rotateX;
  transition: rotateX;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 144, ../sass/animation.scss */
#circles #first-place .front .top {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleOne_sm-2x.png") top left no-repeat;
  background-size: 312px 313px;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: perspective(312px);
  -moz-transform: perspective(312px);
  -o-transform: perspective(312px);
  transform: perspective(312px);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 154, ../sass/animation.scss */
#circles #first-place .front .bottom {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleOne-2x.png") bottom left no-repeat;
  background-size: 312px 313px;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(312px);
  -moz-transform: perspective(312px);
  -o-transform: perspective(312px);
  transform: perspective(312px);
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 166, ../sass/animation.scss */
#circles #first-place .back .top {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleOne-2x.png") top left no-repeat;
  background-size: 312px 313px;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: perspective(312px);
  -moz-transform: perspective(312px);
  -o-transform: perspective(312px);
  transform: perspective(312px);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 176, ../sass/animation.scss */
#circles #first-place .back .bottom {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleOne_sm-2x.png") bottom left no-repeat;
  background-size: 312px 313px;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(312px);
  -moz-transform: perspective(312px);
  -o-transform: perspective(312px);
  transform: perspective(312px);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 212, ../sass/animation.scss */
#circles #second-place {
  width: 242px !important;
  height: 243px !important;
}
/* line 137, ../sass/animation.scss */
#circles #second-place .front, #circles #second-place .back {
  width: 242px !important;
  height: 243px !important;
  -webkit-transition: rotateX;
  -moz-transition: rotateX;
  transition: rotateX;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 144, ../sass/animation.scss */
#circles #second-place .front .top {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleTwo_sm-2x.png") top left no-repeat;
  background-size: 242px 243px;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: perspective(242px);
  -moz-transform: perspective(242px);
  -o-transform: perspective(242px);
  transform: perspective(242px);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 154, ../sass/animation.scss */
#circles #second-place .front .bottom {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleTwo-2x.png") bottom left no-repeat;
  background-size: 242px 243px;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(242px);
  -moz-transform: perspective(242px);
  -o-transform: perspective(242px);
  transform: perspective(242px);
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 166, ../sass/animation.scss */
#circles #second-place .back .top {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleTwo-2x.png") top left no-repeat;
  background-size: 242px 243px;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: perspective(242px);
  -moz-transform: perspective(242px);
  -o-transform: perspective(242px);
  transform: perspective(242px);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 176, ../sass/animation.scss */
#circles #second-place .back .bottom {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleTwo_sm-2x.png") bottom left no-repeat;
  background-size: 242px 243px;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(242px);
  -moz-transform: perspective(242px);
  -o-transform: perspective(242px);
  transform: perspective(242px);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 216, ../sass/animation.scss */
#circles #third-place {
  width: 153px !important;
  height: 154px !important;
}
/* line 137, ../sass/animation.scss */
#circles #third-place .front, #circles #third-place .back {
  width: 153px !important;
  height: 154px !important;
  -webkit-transition: rotateX;
  -moz-transition: rotateX;
  transition: rotateX;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 144, ../sass/animation.scss */
#circles #third-place .front .top {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleThree_sm-2x.png") top left no-repeat;
  background-size: 153px 154px;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: perspective(153px);
  -moz-transform: perspective(153px);
  -o-transform: perspective(153px);
  transform: perspective(153px);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 154, ../sass/animation.scss */
#circles #third-place .front .bottom {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleThree-2x.png") bottom left no-repeat;
  background-size: 153px 154px;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(153px);
  -moz-transform: perspective(153px);
  -o-transform: perspective(153px);
  transform: perspective(153px);
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 166, ../sass/animation.scss */
#circles #third-place .back .top {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleThree-2x.png") top left no-repeat;
  background-size: 153px 154px;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: perspective(153px);
  -moz-transform: perspective(153px);
  -o-transform: perspective(153px);
  transform: perspective(153px);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 176, ../sass/animation.scss */
#circles #third-place .back .bottom {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleThree_sm-2x.png") bottom left no-repeat;
  background-size: 153px 154px;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(153px);
  -moz-transform: perspective(153px);
  -o-transform: perspective(153px);
  transform: perspective(153px);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 220, ../sass/animation.scss */
#circles #peoples-place {
  width: 153px !important;
  height: 154px !important;
}
/* line 137, ../sass/animation.scss */
#circles #peoples-place .front, #circles #peoples-place .back {
  width: 153px !important;
  height: 154px !important;
  -webkit-transition: rotateX;
  -moz-transition: rotateX;
  transition: rotateX;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 144, ../sass/animation.scss */
#circles #peoples-place .front .top {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleFour_sm-2x.png") top left no-repeat;
  background-size: 153px 154px;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: perspective(153px);
  -moz-transform: perspective(153px);
  -o-transform: perspective(153px);
  transform: perspective(153px);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 154, ../sass/animation.scss */
#circles #peoples-place .front .bottom {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleFour-2x.png") bottom left no-repeat;
  background-size: 153px 154px;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(153px);
  -moz-transform: perspective(153px);
  -o-transform: perspective(153px);
  transform: perspective(153px);
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 166, ../sass/animation.scss */
#circles #peoples-place .back .top {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleFour-2x.png") top left no-repeat;
  background-size: 153px 154px;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: perspective(153px);
  -moz-transform: perspective(153px);
  -o-transform: perspective(153px);
  transform: perspective(153px);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 176, ../sass/animation.scss */
#circles #peoples-place .back .bottom {
  height: 50%;
  width: 100%;
  background: url("../img/circles/circleFour_sm-2x.png") bottom left no-repeat;
  background-size: 153px 154px;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(153px);
  -moz-transform: perspective(153px);
  -o-transform: perspective(153px);
  transform: perspective(153px);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 227, ../sass/animation.scss */
#circle {
  position: relative;
  overflow: hidden;
}
/* line 230, ../sass/animation.scss */
#circle div {
  position: absolute;
  bottom: -500px;
  width: 266px;
  height: 508px;
  left: 40px;
  background-image: url("../img/img_hands.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  /* line 230, ../sass/animation.scss */
  #circle div {
    background-image: url("../img/img_hands-2x.png");
    background-size: 266px 508px;
  }
}
/* line 241, ../sass/animation.scss */
#circle.shown div {
  bottom: -230px !important;
  -webkit-transition: bottom;
  -moz-transition: bottom;
  transition: bottom;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

/* line 248, ../sass/animation.scss */
#emailFormDone {
  display: none;
}

/* line 259, ../sass/animation.scss */
body.hidden_section section {
  display: none;
}