:root {
  --blue: #0e0620;
  --white: #fff;
  --green: #4fc08d;
}

html,
body {
  height: 100%;
}

body {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: var(--blue);
  font-size: 1em;
  font-family: 'Toothpick';
}

button {
  font-family: "Nunito Sans";
}

ul {
  list-style-type: none;
  -webkit-padding-start: 35px;
          padding-inline-start: 35px;
}

svg {
  width: 100%;
  visibility: hidden;
  z-index: -1;
  display: none
}

h1 {
  font-size: 7.5em;
  margin: 15px 0px;
  font-weight: bold;
  transition: all 3s;
}
h1:hover{
  letter-spacing: 3px;
  transition: all 3s;
}
h2 {
  font-weight: bold;
}
a:link {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: none;
	color: inherit;
}
a:visited {
	text-decoration: none;
	color: inherit;
}
.hamburger-menu {
  position: absolute;
  top: 0;
  left: 0;
  padding: 35px;
  z-index: 2;
  outline: none;
}
.hamburger-menu button {
  position: relative;
  width: 30px;
  height: 22px;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  outline: none;
}
.hamburger-menu button span {
  position: absolute;
  height: 3px;
  background: #000;
  width: 100%;
  left: 0px;
  top: 0px;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}
.hamburger-menu button span:nth-child(2) {
  top: 9px;
}
.hamburger-menu button span:nth-child(3) {
  top: 18px;
}
.hamburger-menu [data-state="open"] span:first-child {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 10px;
}
.hamburger-menu [data-state="open"] span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.hamburger-menu [data-state="open"] span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 10px;
}

nav {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--green);
  color: var(--blue);
  width: 300px;
  z-index: 1;
  padding-top: 80px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 0.24s cubic-bezier(0.52, 0.01, 0.8, 1);
  transition: 0.24s cubic-bezier(0.52, 0.01, 0.8, 1);
}
nav ul{
	margin-top: 30px;
}
nav li {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  -webkit-transition: 0.16s cubic-bezier(0.44, 0.09, 0.46, 0.84);
  transition: 0.16s cubic-bezier(0.44, 0.09, 0.46, 0.84);
  opacity: 0;
  margin-bottom: 30px;
}
nav a {
  display: block;
  font-size: 1.75em;
  font-weight: normal;
  text-decoration: none;
  color: inherit;
  -webkit-transition: 0.24s ease-in-out;
  transition: 0.24s ease-in-out;
}
nav a:hover {
  text-decoration: none;
  color: var(--white);
}
nav[data-state="open"] {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
nav[data-state="open"] ul li:nth-child(1) {
  -webkit-transition-delay: 0.10s;
          transition-delay: 0.10s;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
nav[data-state="open"] ul li:nth-child(2) {
  -webkit-transition-delay: 0.20s;
          transition-delay: 0.20s;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
nav[data-state="open"] ul li:nth-child(3) {
  -webkit-transition-delay: 0.30s;
          transition-delay: 0.30s;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
nav[data-state="open"] ul li:nth-child(4) {
  -webkit-transition-delay: 0.40s;
          transition-delay: 0.40s;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
nav[data-state="open"] ul li:nth-child(5) {
  -webkit-transition-delay: 0.50;
          transition-delay: 0.50s;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
nav[data-state="open"] ul li:nth-child(6) {
  -webkit-transition-delay: 0.60;
          transition-delay: 0.60s;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
nav[data-state="open"] ul li:nth-child(7) {
  -webkit-transition-delay: 0.60;
          transition-delay: 0.60s;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
  position: absolute;
  bottom: 10px;
}
nav[data-state="open"] ul li:nth-child(7) a{
  font-size:1em;
}
.btn {
  overflow: hidden;
  background: transparent;
  position: relative;
  padding: 8px 50px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 1em;
  letter-spacing: 2px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  font-weight: bold;
  margin: 5px 0px;
  float: left;
}
.btn.green {
  border: 4px solid var(--green);
  color: var(--blue);
}
.btn.green:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background: var(--green);
  z-index: -1;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.btn.green:hover {
  color: var(--white);
  background: var(--green);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.btn.green:hover:before {
  width: 100%;
}

@font-face{
    font-family: 'Toothpick';
    src: url('../js/Toothpick.ttf');
}

.center{
	width: 100vh;
	height: 100vw;
}
.hide{
	display: none;
}
.mainLeft{
	float: left;
	width: 50%;
}
.mainRight{
	float: left;
	width: 50%;
}
.mainIndex{
	width: 100%;
	height: 400px;
	position: relative;
}
.boxList{
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.boxList li{
	float: left;
	margin: 25px 40px;
}
.boxList li p{
	font-size: 1.8em;
	font-weight: normal;
	cursor: pointer;
	line-height:3em;
	text-decoration: none;
	color: #121314;
	position: relative;
}
.boxList li p:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 55%;
	width: 100%;
    left: -0.1em;
    right: -0.1em;
	height: 0;
    bottom: 0;
    transition: top 200ms cubic-bezier(0, .8, .13, 1);
    background-color: rgba(79,192,141,0.5);
	transition: all 0.3s;
}
.boxList li:hover p:after {
	height: 0.5em;
	transition: all 0.3s;
}
.introduction{
	font-family: "宋体" !important; 
	color: #666;
	font-size: 14px;
	margin-top: 10px;
}
footer{
	position: fixed;
	width: 100%;
	bottom: 10px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
  body {
    display: block;
  }
  h1{
	  font-size: 4em;
  }
  h2{
	  font-size: 1.5em;
  }
  footer{
	  position: relative;
  }
  .boxList li{
	  width: 50%;
	  margin: 0;
	  font-size: 0.8em;
	  text-align: center;
  }
  .boxList{
	  padding: 30px;
  }
  .container {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  main{
	  padding: 0 15px;
  }
  nav a{
	  font-size: 1.4em;
  }
  nav ul {
     padding: 0;
     margin-top: 50px;
  }
  nav ul li{
    text-align: center;
    width: 100%;
  }
  .popup-btn{
        display: none;
  }
}
/* 遮罩 */

body.loaded #page {
  visibility: visible;
}

body.loaded #reveal-effect {
  opacity: 1;
  z-index: 999999;
}
body.revealed #reveal-effect {
  display: none;
}
.cover-container {
  max-width: 42em;
}

.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link+.nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }

  .nav-masthead {
    float: right;
  }
}

.cover {
  padding: 0 1.5rem;
}

.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}

.mastfoot {
  color: rgba(255, 255, 255, .5);
}

#page {
  visibility: hidden;
}

#reveal-effect {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 99;
}

.onceAgain{
	float: left;
	line-height: 58px;
	padding-left: 25px;
	font-weight: bold;
}
.author{
  font-size:1em;
  font-weight:700;
  line-height: 22px;
  float: right;
  margin-left: 15px;
}

/* 分享 */
*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.popups-cont {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  z-index: -10;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  pointer-events: none;
  -webkit-transition: z-index 0s 0.8s;
  transition: z-index 0s 0.8s;
}
.popups-cont.s--popup-active {
  z-index: 1000;
  pointer-events: auto;
  -webkit-transition: z-index 0s 0s;
  transition: z-index 0s 0s;
  top: 0px;
  left: 0px;
  content: '';
  /* background: rgba(0, 0, 0, 0.85); */
}
.popups-cont__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.popups-cont.s--popup-active .popups-cont__overlay {
  opacity: 1;
  -webkit-transition: opacity 0.35s 0.35s;
  transition: opacity 0.35s 0.35s;
}

.popup {
  z-index: 2;
  position: relative;
  width: 500px;
  height: 500px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.popup .popup__piece:nth-child(1) {
  height: 16.6666666667%;
  width: 13.6666666667%;
}
.popup .popup__piece:nth-child(1) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-44vw, -39vh, -668px) rotateX(135deg) rotateY(423deg);
          transform: translate3d(-44vw, -39vh, -668px) rotateX(135deg) rotateY(423deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 33% 100%);
          clip-path: polygon(0 0, 0 100%, 33% 100%);
}
.popup .popup__piece:nth-child(1) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(44vw, 43vh, 756px) rotateX(441deg) rotateY(361deg);
          transform: translate3d(44vw, 43vh, 756px) rotateX(441deg) rotateY(361deg);
  -webkit-clip-path: polygon(0 0, 33% 100%, 100% 0);
          clip-path: polygon(0 0, 33% 100%, 100% 0);
}
.popup .popup__piece:nth-child(1) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-11vw, -48vh, -275px) rotateX(421deg) rotateY(388deg);
          transform: translate3d(-11vw, -48vh, -275px) rotateX(421deg) rotateY(388deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 33% 100%);
          clip-path: polygon(100% 0, 100% 100%, 33% 100%);
}
.popup.s--closed .popup__piece:nth-child(1) {
  -webkit-transform: translate3d(0, 120vh, 0);
          transform: translate3d(0, 120vh, 0);
}
.popup.s--closed .popup__piece:nth-child(1) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-45vw, 0, 0) rotateX(313deg) rotateY(414deg);
          transform: translate3d(-45vw, 0, 0) rotateX(313deg) rotateY(414deg);
}
.popup.s--closed .popup__piece:nth-child(1) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-50vw, 0, 0) rotateX(257deg) rotateY(309deg);
          transform: translate3d(-50vw, 0, 0) rotateX(257deg) rotateY(309deg);
}
.popup.s--closed .popup__piece:nth-child(1) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-41vw, 0, 0) rotateX(253deg) rotateY(376deg);
          transform: translate3d(-41vw, 0, 0) rotateX(253deg) rotateY(376deg);
}
.popup .popup__piece:nth-child(2) {
  height: 16.6666666667%;
  width: 14.6666666667%;
}
.popup .popup__piece:nth-child(2) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(45vw, 24vh, 501px) rotateX(428deg) rotateY(462deg);
          transform: translate3d(45vw, 24vh, 501px) rotateX(428deg) rotateY(462deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 44% 100%);
          clip-path: polygon(0 0, 0 100%, 44% 100%);
}
.popup .popup__piece:nth-child(2) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(59vw, -43vh, -268px) rotateX(227deg) rotateY(208deg);
          transform: translate3d(59vw, -43vh, -268px) rotateX(227deg) rotateY(208deg);
  -webkit-clip-path: polygon(0 0, 44% 100%, 100% 0);
          clip-path: polygon(0 0, 44% 100%, 100% 0);
}
.popup .popup__piece:nth-child(2) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-5vw, 43vh, -531px) rotateX(379deg) rotateY(348deg);
          transform: translate3d(-5vw, 43vh, -531px) rotateX(379deg) rotateY(348deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 44% 100%);
          clip-path: polygon(100% 0, 100% 100%, 44% 100%);
}
.popup.s--closed .popup__piece:nth-child(2) {
  -webkit-transform: translate3d(0, 141vh, 0);
          transform: translate3d(0, 141vh, 0);
}
.popup.s--closed .popup__piece:nth-child(2) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(44vw, 0, 0) rotateX(150deg) rotateY(177deg);
          transform: translate3d(44vw, 0, 0) rotateX(150deg) rotateY(177deg);
}
.popup.s--closed .popup__piece:nth-child(2) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(31vw, 0, 0) rotateX(194deg) rotateY(225deg);
          transform: translate3d(31vw, 0, 0) rotateX(194deg) rotateY(225deg);
}
.popup.s--closed .popup__piece:nth-child(2) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(2vw, 0, 0) rotateX(408deg) rotateY(345deg);
          transform: translate3d(2vw, 0, 0) rotateX(408deg) rotateY(345deg);
}
.popup .popup__piece:nth-child(3) {
  height: 16.6666666667%;
  width: 19.6666666667%;
}
.popup .popup__piece:nth-child(3) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-15vw, -2vh, -690px) rotateX(209deg) rotateY(310deg);
          transform: translate3d(-15vw, -2vh, -690px) rotateX(209deg) rotateY(310deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 32% 100%);
          clip-path: polygon(0 0, 0 100%, 32% 100%);
}
.popup .popup__piece:nth-child(3) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(9vw, 18vh, 239px) rotateX(130deg) rotateY(285deg);
          transform: translate3d(9vw, 18vh, 239px) rotateX(130deg) rotateY(285deg);
  -webkit-clip-path: polygon(0 0, 32% 100%, 100% 0);
          clip-path: polygon(0 0, 32% 100%, 100% 0);
}
.popup .popup__piece:nth-child(3) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-16vw, 33vh, -284px) rotateX(267deg) rotateY(331deg);
          transform: translate3d(-16vw, 33vh, -284px) rotateX(267deg) rotateY(331deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 32% 100%);
          clip-path: polygon(100% 0, 100% 100%, 32% 100%);
}
.popup.s--closed .popup__piece:nth-child(3) {
  -webkit-transform: translate3d(0, 118vh, 0);
          transform: translate3d(0, 118vh, 0);
}
.popup.s--closed .popup__piece:nth-child(3) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-25vw, 0, 0) rotateX(461deg) rotateY(382deg);
          transform: translate3d(-25vw, 0, 0) rotateX(461deg) rotateY(382deg);
}
.popup.s--closed .popup__piece:nth-child(3) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(7vw, 0, 0) rotateX(233deg) rotateY(399deg);
          transform: translate3d(7vw, 0, 0) rotateX(233deg) rotateY(399deg);
}
.popup.s--closed .popup__piece:nth-child(3) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-5vw, 0, 0) rotateX(355deg) rotateY(465deg);
          transform: translate3d(-5vw, 0, 0) rotateX(355deg) rotateY(465deg);
}
.popup .popup__piece:nth-child(4) {
  height: 16.6666666667%;
  width: 20.6666666667%;
}
.popup .popup__piece:nth-child(4) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-4vw, -19vh, 656px) rotateX(420deg) rotateY(247deg);
          transform: translate3d(-4vw, -19vh, 656px) rotateX(420deg) rotateY(247deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 61% 100%);
          clip-path: polygon(0 0, 0 100%, 61% 100%);
}
.popup .popup__piece:nth-child(4) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-13vw, -23vh, 113px) rotateX(440deg) rotateY(396deg);
          transform: translate3d(-13vw, -23vh, 113px) rotateX(440deg) rotateY(396deg);
  -webkit-clip-path: polygon(0 0, 61% 100%, 100% 0);
          clip-path: polygon(0 0, 61% 100%, 100% 0);
}
.popup .popup__piece:nth-child(4) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(30vw, 55vh, -529px) rotateX(413deg) rotateY(443deg);
          transform: translate3d(30vw, 55vh, -529px) rotateX(413deg) rotateY(443deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 61% 100%);
          clip-path: polygon(100% 0, 100% 100%, 61% 100%);
}
.popup.s--closed .popup__piece:nth-child(4) {
  -webkit-transform: translate3d(0, 108vh, 0);
          transform: translate3d(0, 108vh, 0);
}
.popup.s--closed .popup__piece:nth-child(4) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-78vw, 0, 0) rotateX(224deg) rotateY(165deg);
          transform: translate3d(-78vw, 0, 0) rotateX(224deg) rotateY(165deg);
}
.popup.s--closed .popup__piece:nth-child(4) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-57vw, 0, 0) rotateX(139deg) rotateY(216deg);
          transform: translate3d(-57vw, 0, 0) rotateX(139deg) rotateY(216deg);
}
.popup.s--closed .popup__piece:nth-child(4) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(50vw, 0, 0) rotateX(150deg) rotateY(283deg);
          transform: translate3d(50vw, 0, 0) rotateX(150deg) rotateY(283deg);
}
.popup .popup__piece:nth-child(5) {
  height: 16.6666666667%;
  width: 11.6666666667%;
}
.popup .popup__piece:nth-child(5) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(31vw, 8vh, -529px) rotateX(236deg) rotateY(407deg);
          transform: translate3d(31vw, 8vh, -529px) rotateX(236deg) rotateY(407deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 67% 100%);
          clip-path: polygon(0 0, 0 100%, 67% 100%);
}
.popup .popup__piece:nth-child(5) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-49vw, -14vh, 380px) rotateX(298deg) rotateY(328deg);
          transform: translate3d(-49vw, -14vh, 380px) rotateX(298deg) rotateY(328deg);
  -webkit-clip-path: polygon(0 0, 67% 100%, 100% 0);
          clip-path: polygon(0 0, 67% 100%, 100% 0);
}
.popup .popup__piece:nth-child(5) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(15vw, -55vh, -683px) rotateX(456deg) rotateY(354deg);
          transform: translate3d(15vw, -55vh, -683px) rotateX(456deg) rotateY(354deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 67% 100%);
          clip-path: polygon(100% 0, 100% 100%, 67% 100%);
}
.popup.s--closed .popup__piece:nth-child(5) {
  -webkit-transform: translate3d(0, 111vh, 0);
          transform: translate3d(0, 111vh, 0);
}
.popup.s--closed .popup__piece:nth-child(5) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(61vw, 0, 0) rotateX(312deg) rotateY(143deg);
          transform: translate3d(61vw, 0, 0) rotateX(312deg) rotateY(143deg);
}
.popup.s--closed .popup__piece:nth-child(5) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-75vw, 0, 0) rotateX(393deg) rotateY(257deg);
          transform: translate3d(-75vw, 0, 0) rotateX(393deg) rotateY(257deg);
}
.popup.s--closed .popup__piece:nth-child(5) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-19vw, 0, 0) rotateX(381deg) rotateY(421deg);
          transform: translate3d(-19vw, 0, 0) rotateX(381deg) rotateY(421deg);
}
.popup .popup__piece:nth-child(6) {
  height: 16.6666666667%;
  width: 19.6666666667%;
}
.popup .popup__piece:nth-child(6) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-33vw, 43vh, 716px) rotateX(299deg) rotateY(157deg);
          transform: translate3d(-33vw, 43vh, 716px) rotateX(299deg) rotateY(157deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 65% 100%);
          clip-path: polygon(0 0, 0 100%, 65% 100%);
}
.popup .popup__piece:nth-child(6) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-33vw, 25vh, -103px) rotateX(137deg) rotateY(181deg);
          transform: translate3d(-33vw, 25vh, -103px) rotateX(137deg) rotateY(181deg);
  -webkit-clip-path: polygon(0 0, 65% 100%, 100% 0);
          clip-path: polygon(0 0, 65% 100%, 100% 0);
}
.popup .popup__piece:nth-child(6) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(55vw, -31vh, 640px) rotateX(219deg) rotateY(276deg);
          transform: translate3d(55vw, -31vh, 640px) rotateX(219deg) rotateY(276deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 65% 100%);
          clip-path: polygon(100% 0, 100% 100%, 65% 100%);
}
.popup.s--closed .popup__piece:nth-child(6) {
  -webkit-transform: translate3d(0, 113vh, 0);
          transform: translate3d(0, 113vh, 0);
}
.popup.s--closed .popup__piece:nth-child(6) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(43vw, 0, 0) rotateX(245deg) rotateY(309deg);
          transform: translate3d(43vw, 0, 0) rotateX(245deg) rotateY(309deg);
}
.popup.s--closed .popup__piece:nth-child(6) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(67vw, 0, 0) rotateX(224deg) rotateY(121deg);
          transform: translate3d(67vw, 0, 0) rotateX(224deg) rotateY(121deg);
}
.popup.s--closed .popup__piece:nth-child(6) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-31vw, 0, 0) rotateX(408deg) rotateY(300deg);
          transform: translate3d(-31vw, 0, 0) rotateX(408deg) rotateY(300deg);
}
.popup .popup__piece:nth-child(7) {
  height: 19.6666666667%;
  width: 21.6666666667%;
}
.popup .popup__piece:nth-child(7) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-44vw, -38vh, 852px) rotateX(199deg) rotateY(235deg);
          transform: translate3d(-44vw, -38vh, 852px) rotateX(199deg) rotateY(235deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 33% 100%);
          clip-path: polygon(0 0, 0 100%, 33% 100%);
}
.popup .popup__piece:nth-child(7) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-44vw, 50vh, -403px) rotateX(130deg) rotateY(367deg);
          transform: translate3d(-44vw, 50vh, -403px) rotateX(130deg) rotateY(367deg);
  -webkit-clip-path: polygon(0 0, 33% 100%, 100% 0);
          clip-path: polygon(0 0, 33% 100%, 100% 0);
}
.popup .popup__piece:nth-child(7) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-51vw, -36vh, 599px) rotateX(355deg) rotateY(155deg);
          transform: translate3d(-51vw, -36vh, 599px) rotateX(355deg) rotateY(155deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 33% 100%);
          clip-path: polygon(100% 0, 100% 100%, 33% 100%);
}
.popup.s--closed .popup__piece:nth-child(7) {
  -webkit-transform: translate3d(0, 126vh, 0);
          transform: translate3d(0, 126vh, 0);
}
.popup.s--closed .popup__piece:nth-child(7) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-17vw, 0, 0) rotateX(231deg) rotateY(315deg);
          transform: translate3d(-17vw, 0, 0) rotateX(231deg) rotateY(315deg);
}
.popup.s--closed .popup__piece:nth-child(7) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(14vw, 0, 0) rotateX(313deg) rotateY(156deg);
          transform: translate3d(14vw, 0, 0) rotateX(313deg) rotateY(156deg);
}
.popup.s--closed .popup__piece:nth-child(7) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-39vw, 0, 0) rotateX(166deg) rotateY(141deg);
          transform: translate3d(-39vw, 0, 0) rotateX(166deg) rotateY(141deg);
}
.popup .popup__piece:nth-child(8) {
  height: 19.6666666667%;
  width: 21.6666666667%;
}
.popup .popup__piece:nth-child(8) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(14vw, 22vh, 333px) rotateX(438deg) rotateY(347deg);
          transform: translate3d(14vw, 22vh, 333px) rotateX(438deg) rotateY(347deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 42% 100%);
          clip-path: polygon(0 0, 0 100%, 42% 100%);
}
.popup .popup__piece:nth-child(8) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-21vw, -17vh, 322px) rotateX(288deg) rotateY(180deg);
          transform: translate3d(-21vw, -17vh, 322px) rotateX(288deg) rotateY(180deg);
  -webkit-clip-path: polygon(0 0, 42% 100%, 100% 0);
          clip-path: polygon(0 0, 42% 100%, 100% 0);
}
.popup .popup__piece:nth-child(8) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-43vw, 60vh, 110px) rotateX(169deg) rotateY(454deg);
          transform: translate3d(-43vw, 60vh, 110px) rotateX(169deg) rotateY(454deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 42% 100%);
          clip-path: polygon(100% 0, 100% 100%, 42% 100%);
}
.popup.s--closed .popup__piece:nth-child(8) {
  -webkit-transform: translate3d(0, 150vh, 0);
          transform: translate3d(0, 150vh, 0);
}
.popup.s--closed .popup__piece:nth-child(8) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-48vw, 0, 0) rotateX(145deg) rotateY(191deg);
          transform: translate3d(-48vw, 0, 0) rotateX(145deg) rotateY(191deg);
}
.popup.s--closed .popup__piece:nth-child(8) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-55vw, 0, 0) rotateX(340deg) rotateY(271deg);
          transform: translate3d(-55vw, 0, 0) rotateX(340deg) rotateY(271deg);
}
.popup.s--closed .popup__piece:nth-child(8) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-79vw, 0, 0) rotateX(262deg) rotateY(422deg);
          transform: translate3d(-79vw, 0, 0) rotateX(262deg) rotateY(422deg);
}
.popup .popup__piece:nth-child(9) {
  height: 19.6666666667%;
  width: 19.6666666667%;
}
.popup .popup__piece:nth-child(9) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(54vw, -27vh, -322px) rotateX(435deg) rotateY(375deg);
          transform: translate3d(54vw, -27vh, -322px) rotateX(435deg) rotateY(375deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 32% 100%);
          clip-path: polygon(0 0, 0 100%, 32% 100%);
}
.popup .popup__piece:nth-child(9) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(30vw, 9vh, 872px) rotateX(174deg) rotateY(410deg);
          transform: translate3d(30vw, 9vh, 872px) rotateX(174deg) rotateY(410deg);
  -webkit-clip-path: polygon(0 0, 32% 100%, 100% 0);
          clip-path: polygon(0 0, 32% 100%, 100% 0);
}
.popup .popup__piece:nth-child(9) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-44vw, -22vh, 148px) rotateX(274deg) rotateY(161deg);
          transform: translate3d(-44vw, -22vh, 148px) rotateX(274deg) rotateY(161deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 32% 100%);
          clip-path: polygon(100% 0, 100% 100%, 32% 100%);
}
.popup.s--closed .popup__piece:nth-child(9) {
  -webkit-transform: translate3d(0, 142vh, 0);
          transform: translate3d(0, 142vh, 0);
}
.popup.s--closed .popup__piece:nth-child(9) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-52vw, 0, 0) rotateX(301deg) rotateY(283deg);
          transform: translate3d(-52vw, 0, 0) rotateX(301deg) rotateY(283deg);
}
.popup.s--closed .popup__piece:nth-child(9) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-24vw, 0, 0) rotateX(160deg) rotateY(371deg);
          transform: translate3d(-24vw, 0, 0) rotateX(160deg) rotateY(371deg);
}
.popup.s--closed .popup__piece:nth-child(9) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-7vw, 0, 0) rotateX(241deg) rotateY(248deg);
          transform: translate3d(-7vw, 0, 0) rotateX(241deg) rotateY(248deg);
}
.popup .popup__piece:nth-child(10) {
  height: 19.6666666667%;
  width: 15.6666666667%;
}
.popup .popup__piece:nth-child(10) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-43vw, -59vh, -769px) rotateX(264deg) rotateY(177deg);
          transform: translate3d(-43vw, -59vh, -769px) rotateX(264deg) rotateY(177deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 42% 100%);
          clip-path: polygon(0 0, 0 100%, 42% 100%);
}
.popup .popup__piece:nth-child(10) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(32vw, 5vh, 113px) rotateX(449deg) rotateY(259deg);
          transform: translate3d(32vw, 5vh, 113px) rotateX(449deg) rotateY(259deg);
  -webkit-clip-path: polygon(0 0, 42% 100%, 100% 0);
          clip-path: polygon(0 0, 42% 100%, 100% 0);
}
.popup .popup__piece:nth-child(10) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(27vw, -19vh, 150px) rotateX(332deg) rotateY(297deg);
          transform: translate3d(27vw, -19vh, 150px) rotateX(332deg) rotateY(297deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 42% 100%);
          clip-path: polygon(100% 0, 100% 100%, 42% 100%);
}
.popup.s--closed .popup__piece:nth-child(10) {
  -webkit-transform: translate3d(0, 135vh, 0);
          transform: translate3d(0, 135vh, 0);
}
.popup.s--closed .popup__piece:nth-child(10) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-57vw, 0, 0) rotateX(158deg) rotateY(391deg);
          transform: translate3d(-57vw, 0, 0) rotateX(158deg) rotateY(391deg);
}
.popup.s--closed .popup__piece:nth-child(10) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-67vw, 0, 0) rotateX(361deg) rotateY(246deg);
          transform: translate3d(-67vw, 0, 0) rotateX(361deg) rotateY(246deg);
}
.popup.s--closed .popup__piece:nth-child(10) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(48vw, 0, 0) rotateX(212deg) rotateY(380deg);
          transform: translate3d(48vw, 0, 0) rotateX(212deg) rotateY(380deg);
}
.popup .popup__piece:nth-child(11) {
  height: 19.6666666667%;
  width: 8.6666666667%;
}
.popup .popup__piece:nth-child(11) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-2vw, 38vh, 109px) rotateX(404deg) rotateY(463deg);
          transform: translate3d(-2vw, 38vh, 109px) rotateX(404deg) rotateY(463deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 37% 100%);
          clip-path: polygon(0 0, 0 100%, 37% 100%);
}
.popup .popup__piece:nth-child(11) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(23vw, -31vh, -750px) rotateX(255deg) rotateY(430deg);
          transform: translate3d(23vw, -31vh, -750px) rotateX(255deg) rotateY(430deg);
  -webkit-clip-path: polygon(0 0, 37% 100%, 100% 0);
          clip-path: polygon(0 0, 37% 100%, 100% 0);
}
.popup .popup__piece:nth-child(11) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(40vw, 17vh, -37px) rotateX(335deg) rotateY(394deg);
          transform: translate3d(40vw, 17vh, -37px) rotateX(335deg) rotateY(394deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 37% 100%);
          clip-path: polygon(100% 0, 100% 100%, 37% 100%);
}
.popup.s--closed .popup__piece:nth-child(11) {
  -webkit-transform: translate3d(0, 147vh, 0);
          transform: translate3d(0, 147vh, 0);
}
.popup.s--closed .popup__piece:nth-child(11) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-50vw, 0, 0) rotateX(215deg) rotateY(230deg);
          transform: translate3d(-50vw, 0, 0) rotateX(215deg) rotateY(230deg);
}
.popup.s--closed .popup__piece:nth-child(11) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(24vw, 0, 0) rotateX(152deg) rotateY(181deg);
          transform: translate3d(24vw, 0, 0) rotateX(152deg) rotateY(181deg);
}
.popup.s--closed .popup__piece:nth-child(11) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-55vw, 0, 0) rotateX(157deg) rotateY(169deg);
          transform: translate3d(-55vw, 0, 0) rotateX(157deg) rotateY(169deg);
}
.popup .popup__piece:nth-child(12) {
  height: 19.6666666667%;
  width: 12.6666666667%;
}
.popup .popup__piece:nth-child(12) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-6vw, 37vh, 850px) rotateX(350deg) rotateY(340deg);
          transform: translate3d(-6vw, 37vh, 850px) rotateX(350deg) rotateY(340deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 36% 100%);
          clip-path: polygon(0 0, 0 100%, 36% 100%);
}
.popup .popup__piece:nth-child(12) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(12vw, -1vh, -50px) rotateX(465deg) rotateY(411deg);
          transform: translate3d(12vw, -1vh, -50px) rotateX(465deg) rotateY(411deg);
  -webkit-clip-path: polygon(0 0, 36% 100%, 100% 0);
          clip-path: polygon(0 0, 36% 100%, 100% 0);
}
.popup .popup__piece:nth-child(12) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-57vw, -55vh, 690px) rotateX(275deg) rotateY(354deg);
          transform: translate3d(-57vw, -55vh, 690px) rotateX(275deg) rotateY(354deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 36% 100%);
          clip-path: polygon(100% 0, 100% 100%, 36% 100%);
}
.popup.s--closed .popup__piece:nth-child(12) {
  -webkit-transform: translate3d(0, 120vh, 0);
          transform: translate3d(0, 120vh, 0);
}
.popup.s--closed .popup__piece:nth-child(12) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-13vw, 0, 0) rotateX(450deg) rotateY(270deg);
          transform: translate3d(-13vw, 0, 0) rotateX(450deg) rotateY(270deg);
}
.popup.s--closed .popup__piece:nth-child(12) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-56vw, 0, 0) rotateX(313deg) rotateY(296deg);
          transform: translate3d(-56vw, 0, 0) rotateX(313deg) rotateY(296deg);
}
.popup.s--closed .popup__piece:nth-child(12) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-63vw, 0, 0) rotateX(135deg) rotateY(410deg);
          transform: translate3d(-63vw, 0, 0) rotateX(135deg) rotateY(410deg);
}
.popup .popup__piece:nth-child(13) {
  height: 15.6666666667%;
  width: 20.6666666667%;
}
.popup .popup__piece:nth-child(13) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-34vw, 19vh, 292px) rotateX(240deg) rotateY(291deg);
          transform: translate3d(-34vw, 19vh, 292px) rotateX(240deg) rotateY(291deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 34% 100%);
          clip-path: polygon(0 0, 0 100%, 34% 100%);
}
.popup .popup__piece:nth-child(13) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(46vw, -24vh, 68px) rotateX(320deg) rotateY(271deg);
          transform: translate3d(46vw, -24vh, 68px) rotateX(320deg) rotateY(271deg);
  -webkit-clip-path: polygon(0 0, 34% 100%, 100% 0);
          clip-path: polygon(0 0, 34% 100%, 100% 0);
}
.popup .popup__piece:nth-child(13) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-1vw, 56vh, -96px) rotateX(337deg) rotateY(255deg);
          transform: translate3d(-1vw, 56vh, -96px) rotateX(337deg) rotateY(255deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 34% 100%);
          clip-path: polygon(100% 0, 100% 100%, 34% 100%);
}
.popup.s--closed .popup__piece:nth-child(13) {
  -webkit-transform: translate3d(0, 123vh, 0);
          transform: translate3d(0, 123vh, 0);
}
.popup.s--closed .popup__piece:nth-child(13) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-24vw, 0, 0) rotateX(129deg) rotateY(420deg);
          transform: translate3d(-24vw, 0, 0) rotateX(129deg) rotateY(420deg);
}
.popup.s--closed .popup__piece:nth-child(13) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(65vw, 0, 0) rotateX(477deg) rotateY(395deg);
          transform: translate3d(65vw, 0, 0) rotateX(477deg) rotateY(395deg);
}
.popup.s--closed .popup__piece:nth-child(13) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(17vw, 0, 0) rotateX(401deg) rotateY(248deg);
          transform: translate3d(17vw, 0, 0) rotateX(401deg) rotateY(248deg);
}
.popup .popup__piece:nth-child(14) {
  height: 15.6666666667%;
  width: 13.6666666667%;
}
.popup .popup__piece:nth-child(14) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-8vw, 39vh, 274px) rotateX(306deg) rotateY(168deg);
          transform: translate3d(-8vw, 39vh, 274px) rotateX(306deg) rotateY(168deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 65% 100%);
          clip-path: polygon(0 0, 0 100%, 65% 100%);
}
.popup .popup__piece:nth-child(14) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(57vw, -16vh, -81px) rotateX(144deg) rotateY(172deg);
          transform: translate3d(57vw, -16vh, -81px) rotateX(144deg) rotateY(172deg);
  -webkit-clip-path: polygon(0 0, 65% 100%, 100% 0);
          clip-path: polygon(0 0, 65% 100%, 100% 0);
}
.popup .popup__piece:nth-child(14) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(2vw, -8vh, -741px) rotateX(328deg) rotateY(140deg);
          transform: translate3d(2vw, -8vh, -741px) rotateX(328deg) rotateY(140deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 65% 100%);
          clip-path: polygon(100% 0, 100% 100%, 65% 100%);
}
.popup.s--closed .popup__piece:nth-child(14) {
  -webkit-transform: translate3d(0, 148vh, 0);
          transform: translate3d(0, 148vh, 0);
}
.popup.s--closed .popup__piece:nth-child(14) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-42vw, 0, 0) rotateX(204deg) rotateY(268deg);
          transform: translate3d(-42vw, 0, 0) rotateX(204deg) rotateY(268deg);
}
.popup.s--closed .popup__piece:nth-child(14) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-45vw, 0, 0) rotateX(414deg) rotateY(309deg);
          transform: translate3d(-45vw, 0, 0) rotateX(414deg) rotateY(309deg);
}
.popup.s--closed .popup__piece:nth-child(14) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-78vw, 0, 0) rotateX(403deg) rotateY(415deg);
          transform: translate3d(-78vw, 0, 0) rotateX(403deg) rotateY(415deg);
}
.popup .popup__piece:nth-child(15) {
  height: 15.6666666667%;
  width: 18.6666666667%;
}
.popup .popup__piece:nth-child(15) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(32vw, 54vh, -666px) rotateX(235deg) rotateY(315deg);
          transform: translate3d(32vw, 54vh, -666px) rotateX(235deg) rotateY(315deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 55% 100%);
          clip-path: polygon(0 0, 0 100%, 55% 100%);
}
.popup .popup__piece:nth-child(15) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-20vw, 2vh, -677px) rotateX(158deg) rotateY(130deg);
          transform: translate3d(-20vw, 2vh, -677px) rotateX(158deg) rotateY(130deg);
  -webkit-clip-path: polygon(0 0, 55% 100%, 100% 0);
          clip-path: polygon(0 0, 55% 100%, 100% 0);
}
.popup .popup__piece:nth-child(15) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-55vw, -33vh, 556px) rotateX(201deg) rotateY(143deg);
          transform: translate3d(-55vw, -33vh, 556px) rotateX(201deg) rotateY(143deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 55% 100%);
          clip-path: polygon(100% 0, 100% 100%, 55% 100%);
}
.popup.s--closed .popup__piece:nth-child(15) {
  -webkit-transform: translate3d(0, 137vh, 0);
          transform: translate3d(0, 137vh, 0);
}
.popup.s--closed .popup__piece:nth-child(15) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(47vw, 0, 0) rotateX(140deg) rotateY(286deg);
          transform: translate3d(47vw, 0, 0) rotateX(140deg) rotateY(286deg);
}
.popup.s--closed .popup__piece:nth-child(15) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(55vw, 0, 0) rotateX(284deg) rotateY(149deg);
          transform: translate3d(55vw, 0, 0) rotateX(284deg) rotateY(149deg);
}
.popup.s--closed .popup__piece:nth-child(15) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-56vw, 0, 0) rotateX(152deg) rotateY(371deg);
          transform: translate3d(-56vw, 0, 0) rotateX(152deg) rotateY(371deg);
}
.popup .popup__piece:nth-child(16) {
  height: 15.6666666667%;
  width: 17.6666666667%;
}
.popup .popup__piece:nth-child(16) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(12vw, -23vh, -671px) rotateX(312deg) rotateY(369deg);
          transform: translate3d(12vw, -23vh, -671px) rotateX(312deg) rotateY(369deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 61% 100%);
          clip-path: polygon(0 0, 0 100%, 61% 100%);
}
.popup .popup__piece:nth-child(16) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-29vw, 42vh, -148px) rotateX(128deg) rotateY(407deg);
          transform: translate3d(-29vw, 42vh, -148px) rotateX(128deg) rotateY(407deg);
  -webkit-clip-path: polygon(0 0, 61% 100%, 100% 0);
          clip-path: polygon(0 0, 61% 100%, 100% 0);
}
.popup .popup__piece:nth-child(16) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(44vw, -53vh, 24px) rotateX(405deg) rotateY(130deg);
          transform: translate3d(44vw, -53vh, 24px) rotateX(405deg) rotateY(130deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 61% 100%);
          clip-path: polygon(100% 0, 100% 100%, 61% 100%);
}
.popup.s--closed .popup__piece:nth-child(16) {
  -webkit-transform: translate3d(0, 102vh, 0);
          transform: translate3d(0, 102vh, 0);
}
.popup.s--closed .popup__piece:nth-child(16) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(16vw, 0, 0) rotateX(475deg) rotateY(293deg);
          transform: translate3d(16vw, 0, 0) rotateX(475deg) rotateY(293deg);
}
.popup.s--closed .popup__piece:nth-child(16) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(50vw, 0, 0) rotateX(359deg) rotateY(468deg);
          transform: translate3d(50vw, 0, 0) rotateX(359deg) rotateY(468deg);
}
.popup.s--closed .popup__piece:nth-child(16) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(63vw, 0, 0) rotateX(190deg) rotateY(260deg);
          transform: translate3d(63vw, 0, 0) rotateX(190deg) rotateY(260deg);
}
.popup .popup__piece:nth-child(17) {
  height: 15.6666666667%;
  width: 8.6666666667%;
}
.popup .popup__piece:nth-child(17) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-38vw, -13vh, 636px) rotateX(299deg) rotateY(475deg);
          transform: translate3d(-38vw, -13vh, 636px) rotateX(299deg) rotateY(475deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 47% 100%);
          clip-path: polygon(0 0, 0 100%, 47% 100%);
}
.popup .popup__piece:nth-child(17) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(7vw, -59vh, -137px) rotateX(277deg) rotateY(459deg);
          transform: translate3d(7vw, -59vh, -137px) rotateX(277deg) rotateY(459deg);
  -webkit-clip-path: polygon(0 0, 47% 100%, 100% 0);
          clip-path: polygon(0 0, 47% 100%, 100% 0);
}
.popup .popup__piece:nth-child(17) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-19vw, 34vh, -196px) rotateX(251deg) rotateY(190deg);
          transform: translate3d(-19vw, 34vh, -196px) rotateX(251deg) rotateY(190deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 47% 100%);
          clip-path: polygon(100% 0, 100% 100%, 47% 100%);
}
.popup.s--closed .popup__piece:nth-child(17) {
  -webkit-transform: translate3d(0, 135vh, 0);
          transform: translate3d(0, 135vh, 0);
}
.popup.s--closed .popup__piece:nth-child(17) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-59vw, 0, 0) rotateX(233deg) rotateY(366deg);
          transform: translate3d(-59vw, 0, 0) rotateX(233deg) rotateY(366deg);
}
.popup.s--closed .popup__piece:nth-child(17) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(70vw, 0, 0) rotateX(465deg) rotateY(417deg);
          transform: translate3d(70vw, 0, 0) rotateX(465deg) rotateY(417deg);
}
.popup.s--closed .popup__piece:nth-child(17) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-74vw, 0, 0) rotateX(471deg) rotateY(480deg);
          transform: translate3d(-74vw, 0, 0) rotateX(471deg) rotateY(480deg);
}
.popup .popup__piece:nth-child(18) {
  height: 15.6666666667%;
  width: 20.6666666667%;
}
.popup .popup__piece:nth-child(18) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-1vw, 59vh, 800px) rotateX(193deg) rotateY(388deg);
          transform: translate3d(-1vw, 59vh, 800px) rotateX(193deg) rotateY(388deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 48% 100%);
          clip-path: polygon(0 0, 0 100%, 48% 100%);
}
.popup .popup__piece:nth-child(18) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(30vw, -58vh, -16px) rotateX(432deg) rotateY(263deg);
          transform: translate3d(30vw, -58vh, -16px) rotateX(432deg) rotateY(263deg);
  -webkit-clip-path: polygon(0 0, 48% 100%, 100% 0);
          clip-path: polygon(0 0, 48% 100%, 100% 0);
}
.popup .popup__piece:nth-child(18) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(28vw, -44vh, 6px) rotateX(274deg) rotateY(206deg);
          transform: translate3d(28vw, -44vh, 6px) rotateX(274deg) rotateY(206deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 48% 100%);
          clip-path: polygon(100% 0, 100% 100%, 48% 100%);
}
.popup.s--closed .popup__piece:nth-child(18) {
  -webkit-transform: translate3d(0, 128vh, 0);
          transform: translate3d(0, 128vh, 0);
}
.popup.s--closed .popup__piece:nth-child(18) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(74vw, 0, 0) rotateX(292deg) rotateY(433deg);
          transform: translate3d(74vw, 0, 0) rotateX(292deg) rotateY(433deg);
}
.popup.s--closed .popup__piece:nth-child(18) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-21vw, 0, 0) rotateX(380deg) rotateY(322deg);
          transform: translate3d(-21vw, 0, 0) rotateX(380deg) rotateY(322deg);
}
.popup.s--closed .popup__piece:nth-child(18) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-67vw, 0, 0) rotateX(193deg) rotateY(313deg);
          transform: translate3d(-67vw, 0, 0) rotateX(193deg) rotateY(313deg);
}
.popup .popup__piece:nth-child(19) {
  height: 16.6666666667%;
  width: 21.6666666667%;
}
.popup .popup__piece:nth-child(19) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-34vw, 45vh, 232px) rotateX(412deg) rotateY(141deg);
          transform: translate3d(-34vw, 45vh, 232px) rotateX(412deg) rotateY(141deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 53% 100%);
          clip-path: polygon(0 0, 0 100%, 53% 100%);
}
.popup .popup__piece:nth-child(19) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-22vw, 53vh, 350px) rotateX(406deg) rotateY(164deg);
          transform: translate3d(-22vw, 53vh, 350px) rotateX(406deg) rotateY(164deg);
  -webkit-clip-path: polygon(0 0, 53% 100%, 100% 0);
          clip-path: polygon(0 0, 53% 100%, 100% 0);
}
.popup .popup__piece:nth-child(19) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-22vw, 48vh, -153px) rotateX(421deg) rotateY(354deg);
          transform: translate3d(-22vw, 48vh, -153px) rotateX(421deg) rotateY(354deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 53% 100%);
          clip-path: polygon(100% 0, 100% 100%, 53% 100%);
}
.popup.s--closed .popup__piece:nth-child(19) {
  -webkit-transform: translate3d(0, 120vh, 0);
          transform: translate3d(0, 120vh, 0);
}
.popup.s--closed .popup__piece:nth-child(19) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(5vw, 0, 0) rotateX(475deg) rotateY(296deg);
          transform: translate3d(5vw, 0, 0) rotateX(475deg) rotateY(296deg);
}
.popup.s--closed .popup__piece:nth-child(19) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(24vw, 0, 0) rotateX(454deg) rotateY(184deg);
          transform: translate3d(24vw, 0, 0) rotateX(454deg) rotateY(184deg);
}
.popup.s--closed .popup__piece:nth-child(19) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(64vw, 0, 0) rotateX(415deg) rotateY(282deg);
          transform: translate3d(64vw, 0, 0) rotateX(415deg) rotateY(282deg);
}
.popup .popup__piece:nth-child(20) {
  height: 16.6666666667%;
  width: 13.6666666667%;
}
.popup .popup__piece:nth-child(20) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(55vw, 22vh, -114px) rotateX(176deg) rotateY(274deg);
          transform: translate3d(55vw, 22vh, -114px) rotateX(176deg) rotateY(274deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 35% 100%);
          clip-path: polygon(0 0, 0 100%, 35% 100%);
}
.popup .popup__piece:nth-child(20) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-2vw, 33vh, 619px) rotateX(201deg) rotateY(318deg);
          transform: translate3d(-2vw, 33vh, 619px) rotateX(201deg) rotateY(318deg);
  -webkit-clip-path: polygon(0 0, 35% 100%, 100% 0);
          clip-path: polygon(0 0, 35% 100%, 100% 0);
}
.popup .popup__piece:nth-child(20) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(31vw, -32vh, -237px) rotateX(256deg) rotateY(196deg);
          transform: translate3d(31vw, -32vh, -237px) rotateX(256deg) rotateY(196deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 35% 100%);
          clip-path: polygon(100% 0, 100% 100%, 35% 100%);
}
.popup.s--closed .popup__piece:nth-child(20) {
  -webkit-transform: translate3d(0, 134vh, 0);
          transform: translate3d(0, 134vh, 0);
}
.popup.s--closed .popup__piece:nth-child(20) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-57vw, 0, 0) rotateX(289deg) rotateY(308deg);
          transform: translate3d(-57vw, 0, 0) rotateX(289deg) rotateY(308deg);
}
.popup.s--closed .popup__piece:nth-child(20) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(43vw, 0, 0) rotateX(124deg) rotateY(271deg);
          transform: translate3d(43vw, 0, 0) rotateX(124deg) rotateY(271deg);
}
.popup.s--closed .popup__piece:nth-child(20) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-53vw, 0, 0) rotateX(369deg) rotateY(473deg);
          transform: translate3d(-53vw, 0, 0) rotateX(369deg) rotateY(473deg);
}
.popup .popup__piece:nth-child(21) {
  height: 16.6666666667%;
  width: 15.6666666667%;
}
.popup .popup__piece:nth-child(21) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-55vw, 15vh, 884px) rotateX(192deg) rotateY(313deg);
          transform: translate3d(-55vw, 15vh, 884px) rotateX(192deg) rotateY(313deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 44% 100%);
          clip-path: polygon(0 0, 0 100%, 44% 100%);
}
.popup .popup__piece:nth-child(21) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-16vw, 37vh, 16px) rotateX(466deg) rotateY(263deg);
          transform: translate3d(-16vw, 37vh, 16px) rotateX(466deg) rotateY(263deg);
  -webkit-clip-path: polygon(0 0, 44% 100%, 100% 0);
          clip-path: polygon(0 0, 44% 100%, 100% 0);
}
.popup .popup__piece:nth-child(21) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(19vw, 45vh, 651px) rotateX(176deg) rotateY(277deg);
          transform: translate3d(19vw, 45vh, 651px) rotateX(176deg) rotateY(277deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 44% 100%);
          clip-path: polygon(100% 0, 100% 100%, 44% 100%);
}
.popup.s--closed .popup__piece:nth-child(21) {
  -webkit-transform: translate3d(0, 147vh, 0);
          transform: translate3d(0, 147vh, 0);
}
.popup.s--closed .popup__piece:nth-child(21) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-33vw, 0, 0) rotateX(342deg) rotateY(304deg);
          transform: translate3d(-33vw, 0, 0) rotateX(342deg) rotateY(304deg);
}
.popup.s--closed .popup__piece:nth-child(21) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(29vw, 0, 0) rotateX(375deg) rotateY(309deg);
          transform: translate3d(29vw, 0, 0) rotateX(375deg) rotateY(309deg);
}
.popup.s--closed .popup__piece:nth-child(21) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(8vw, 0, 0) rotateX(296deg) rotateY(172deg);
          transform: translate3d(8vw, 0, 0) rotateX(296deg) rotateY(172deg);
}
.popup .popup__piece:nth-child(22) {
  height: 16.6666666667%;
  width: 20.6666666667%;
}
.popup .popup__piece:nth-child(22) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(55vw, -50vh, 892px) rotateX(468deg) rotateY(148deg);
          transform: translate3d(55vw, -50vh, 892px) rotateX(468deg) rotateY(148deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 56% 100%);
          clip-path: polygon(0 0, 0 100%, 56% 100%);
}
.popup .popup__piece:nth-child(22) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-41vw, -29vh, -59px) rotateX(469deg) rotateY(181deg);
          transform: translate3d(-41vw, -29vh, -59px) rotateX(469deg) rotateY(181deg);
  -webkit-clip-path: polygon(0 0, 56% 100%, 100% 0);
          clip-path: polygon(0 0, 56% 100%, 100% 0);
}
.popup .popup__piece:nth-child(22) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-28vw, 18vh, 298px) rotateX(414deg) rotateY(167deg);
          transform: translate3d(-28vw, 18vh, 298px) rotateX(414deg) rotateY(167deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 56% 100%);
          clip-path: polygon(100% 0, 100% 100%, 56% 100%);
}
.popup.s--closed .popup__piece:nth-child(22) {
  -webkit-transform: translate3d(0, 140vh, 0);
          transform: translate3d(0, 140vh, 0);
}
.popup.s--closed .popup__piece:nth-child(22) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(76vw, 0, 0) rotateX(308deg) rotateY(357deg);
          transform: translate3d(76vw, 0, 0) rotateX(308deg) rotateY(357deg);
}
.popup.s--closed .popup__piece:nth-child(22) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-66vw, 0, 0) rotateX(405deg) rotateY(463deg);
          transform: translate3d(-66vw, 0, 0) rotateX(405deg) rotateY(463deg);
}
.popup.s--closed .popup__piece:nth-child(22) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(62vw, 0, 0) rotateX(244deg) rotateY(380deg);
          transform: translate3d(62vw, 0, 0) rotateX(244deg) rotateY(380deg);
}
.popup .popup__piece:nth-child(23) {
  height: 16.6666666667%;
  width: 10.6666666667%;
}
.popup .popup__piece:nth-child(23) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(13vw, -23vh, -363px) rotateX(385deg) rotateY(216deg);
          transform: translate3d(13vw, -23vh, -363px) rotateX(385deg) rotateY(216deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 43% 100%);
          clip-path: polygon(0 0, 0 100%, 43% 100%);
}
.popup .popup__piece:nth-child(23) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-54vw, 1vh, 847px) rotateX(238deg) rotateY(265deg);
          transform: translate3d(-54vw, 1vh, 847px) rotateX(238deg) rotateY(265deg);
  -webkit-clip-path: polygon(0 0, 43% 100%, 100% 0);
          clip-path: polygon(0 0, 43% 100%, 100% 0);
}
.popup .popup__piece:nth-child(23) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(40vw, 22vh, 136px) rotateX(277deg) rotateY(307deg);
          transform: translate3d(40vw, 22vh, 136px) rotateX(277deg) rotateY(307deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 43% 100%);
          clip-path: polygon(100% 0, 100% 100%, 43% 100%);
}
.popup.s--closed .popup__piece:nth-child(23) {
  -webkit-transform: translate3d(0, 105vh, 0);
          transform: translate3d(0, 105vh, 0);
}
.popup.s--closed .popup__piece:nth-child(23) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(78vw, 0, 0) rotateX(307deg) rotateY(158deg);
          transform: translate3d(78vw, 0, 0) rotateX(307deg) rotateY(158deg);
}
.popup.s--closed .popup__piece:nth-child(23) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(35vw, 0, 0) rotateX(338deg) rotateY(248deg);
          transform: translate3d(35vw, 0, 0) rotateX(338deg) rotateY(248deg);
}
.popup.s--closed .popup__piece:nth-child(23) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(3vw, 0, 0) rotateX(366deg) rotateY(168deg);
          transform: translate3d(3vw, 0, 0) rotateX(366deg) rotateY(168deg);
}
.popup .popup__piece:nth-child(24) {
  height: 16.6666666667%;
  width: 17.6666666667%;
}
.popup .popup__piece:nth-child(24) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-55vw, 43vh, -203px) rotateX(336deg) rotateY(275deg);
          transform: translate3d(-55vw, 43vh, -203px) rotateX(336deg) rotateY(275deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 35% 100%);
          clip-path: polygon(0 0, 0 100%, 35% 100%);
}
.popup .popup__piece:nth-child(24) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(25vw, 6vh, -103px) rotateX(206deg) rotateY(129deg);
          transform: translate3d(25vw, 6vh, -103px) rotateX(206deg) rotateY(129deg);
  -webkit-clip-path: polygon(0 0, 35% 100%, 100% 0);
          clip-path: polygon(0 0, 35% 100%, 100% 0);
}
.popup .popup__piece:nth-child(24) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(25vw, 17vh, -328px) rotateX(227deg) rotateY(293deg);
          transform: translate3d(25vw, 17vh, -328px) rotateX(227deg) rotateY(293deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 35% 100%);
          clip-path: polygon(100% 0, 100% 100%, 35% 100%);
}
.popup.s--closed .popup__piece:nth-child(24) {
  -webkit-transform: translate3d(0, 131vh, 0);
          transform: translate3d(0, 131vh, 0);
}
.popup.s--closed .popup__piece:nth-child(24) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(51vw, 0, 0) rotateX(360deg) rotateY(219deg);
          transform: translate3d(51vw, 0, 0) rotateX(360deg) rotateY(219deg);
}
.popup.s--closed .popup__piece:nth-child(24) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(21vw, 0, 0) rotateX(467deg) rotateY(237deg);
          transform: translate3d(21vw, 0, 0) rotateX(467deg) rotateY(237deg);
}
.popup.s--closed .popup__piece:nth-child(24) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-56vw, 0, 0) rotateX(473deg) rotateY(338deg);
          transform: translate3d(-56vw, 0, 0) rotateX(473deg) rotateY(338deg);
}
.popup .popup__piece:nth-child(25) {
  height: 20.6666666667%;
  width: 14.6666666667%;
}
.popup .popup__piece:nth-child(25) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(55vw, 4vh, 211px) rotateX(427deg) rotateY(345deg);
          transform: translate3d(55vw, 4vh, 211px) rotateX(427deg) rotateY(345deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 64% 100%);
          clip-path: polygon(0 0, 0 100%, 64% 100%);
}
.popup .popup__piece:nth-child(25) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(13vw, 15vh, -324px) rotateX(391deg) rotateY(216deg);
          transform: translate3d(13vw, 15vh, -324px) rotateX(391deg) rotateY(216deg);
  -webkit-clip-path: polygon(0 0, 64% 100%, 100% 0);
          clip-path: polygon(0 0, 64% 100%, 100% 0);
}
.popup .popup__piece:nth-child(25) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-59vw, -21vh, -294px) rotateX(370deg) rotateY(321deg);
          transform: translate3d(-59vw, -21vh, -294px) rotateX(370deg) rotateY(321deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 64% 100%);
          clip-path: polygon(100% 0, 100% 100%, 64% 100%);
}
.popup.s--closed .popup__piece:nth-child(25) {
  -webkit-transform: translate3d(0, 110vh, 0);
          transform: translate3d(0, 110vh, 0);
}
.popup.s--closed .popup__piece:nth-child(25) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-16vw, 0, 0) rotateX(300deg) rotateY(129deg);
          transform: translate3d(-16vw, 0, 0) rotateX(300deg) rotateY(129deg);
}
.popup.s--closed .popup__piece:nth-child(25) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-7vw, 0, 0) rotateX(398deg) rotateY(471deg);
          transform: translate3d(-7vw, 0, 0) rotateX(398deg) rotateY(471deg);
}
.popup.s--closed .popup__piece:nth-child(25) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(20vw, 0, 0) rotateX(204deg) rotateY(167deg);
          transform: translate3d(20vw, 0, 0) rotateX(204deg) rotateY(167deg);
}
.popup .popup__piece:nth-child(26) {
  height: 20.6666666667%;
  width: 20.6666666667%;
}
.popup .popup__piece:nth-child(26) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-44vw, 23vh, -541px) rotateX(293deg) rotateY(259deg);
          transform: translate3d(-44vw, 23vh, -541px) rotateX(293deg) rotateY(259deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 45% 100%);
          clip-path: polygon(0 0, 0 100%, 45% 100%);
}
.popup .popup__piece:nth-child(26) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-35vw, -20vh, -63px) rotateX(478deg) rotateY(310deg);
          transform: translate3d(-35vw, -20vh, -63px) rotateX(478deg) rotateY(310deg);
  -webkit-clip-path: polygon(0 0, 45% 100%, 100% 0);
          clip-path: polygon(0 0, 45% 100%, 100% 0);
}
.popup .popup__piece:nth-child(26) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(52vw, 28vh, 860px) rotateX(137deg) rotateY(264deg);
          transform: translate3d(52vw, 28vh, 860px) rotateX(137deg) rotateY(264deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 45% 100%);
          clip-path: polygon(100% 0, 100% 100%, 45% 100%);
}
.popup.s--closed .popup__piece:nth-child(26) {
  -webkit-transform: translate3d(0, 127vh, 0);
          transform: translate3d(0, 127vh, 0);
}
.popup.s--closed .popup__piece:nth-child(26) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(62vw, 0, 0) rotateX(269deg) rotateY(468deg);
          transform: translate3d(62vw, 0, 0) rotateX(269deg) rotateY(468deg);
}
.popup.s--closed .popup__piece:nth-child(26) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-61vw, 0, 0) rotateX(380deg) rotateY(234deg);
          transform: translate3d(-61vw, 0, 0) rotateX(380deg) rotateY(234deg);
}
.popup.s--closed .popup__piece:nth-child(26) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-26vw, 0, 0) rotateX(226deg) rotateY(399deg);
          transform: translate3d(-26vw, 0, 0) rotateX(226deg) rotateY(399deg);
}
.popup .popup__piece:nth-child(27) {
  height: 20.6666666667%;
  width: 18.6666666667%;
}
.popup .popup__piece:nth-child(27) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(50vw, 60vh, 400px) rotateX(234deg) rotateY(375deg);
          transform: translate3d(50vw, 60vh, 400px) rotateX(234deg) rotateY(375deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 37% 100%);
          clip-path: polygon(0 0, 0 100%, 37% 100%);
}
.popup .popup__piece:nth-child(27) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(37vw, 29vh, 512px) rotateX(404deg) rotateY(230deg);
          transform: translate3d(37vw, 29vh, 512px) rotateX(404deg) rotateY(230deg);
  -webkit-clip-path: polygon(0 0, 37% 100%, 100% 0);
          clip-path: polygon(0 0, 37% 100%, 100% 0);
}
.popup .popup__piece:nth-child(27) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-42vw, -7vh, -758px) rotateX(390deg) rotateY(451deg);
          transform: translate3d(-42vw, -7vh, -758px) rotateX(390deg) rotateY(451deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 37% 100%);
          clip-path: polygon(100% 0, 100% 100%, 37% 100%);
}
.popup.s--closed .popup__piece:nth-child(27) {
  -webkit-transform: translate3d(0, 144vh, 0);
          transform: translate3d(0, 144vh, 0);
}
.popup.s--closed .popup__piece:nth-child(27) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(13vw, 0, 0) rotateX(177deg) rotateY(329deg);
          transform: translate3d(13vw, 0, 0) rotateX(177deg) rotateY(329deg);
}
.popup.s--closed .popup__piece:nth-child(27) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-44vw, 0, 0) rotateX(363deg) rotateY(391deg);
          transform: translate3d(-44vw, 0, 0) rotateX(363deg) rotateY(391deg);
}
.popup.s--closed .popup__piece:nth-child(27) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(46vw, 0, 0) rotateX(204deg) rotateY(216deg);
          transform: translate3d(46vw, 0, 0) rotateX(204deg) rotateY(216deg);
}
.popup .popup__piece:nth-child(28) {
  height: 20.6666666667%;
  width: 16.6666666667%;
}
.popup .popup__piece:nth-child(28) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(36vw, 39vh, 190px) rotateX(185deg) rotateY(397deg);
          transform: translate3d(36vw, 39vh, 190px) rotateX(185deg) rotateY(397deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 62% 100%);
          clip-path: polygon(0 0, 0 100%, 62% 100%);
}
.popup .popup__piece:nth-child(28) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-35vw, 56vh, -218px) rotateX(308deg) rotateY(300deg);
          transform: translate3d(-35vw, 56vh, -218px) rotateX(308deg) rotateY(300deg);
  -webkit-clip-path: polygon(0 0, 62% 100%, 100% 0);
          clip-path: polygon(0 0, 62% 100%, 100% 0);
}
.popup .popup__piece:nth-child(28) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-5vw, 48vh, -706px) rotateX(173deg) rotateY(379deg);
          transform: translate3d(-5vw, 48vh, -706px) rotateX(173deg) rotateY(379deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 62% 100%);
          clip-path: polygon(100% 0, 100% 100%, 62% 100%);
}
.popup.s--closed .popup__piece:nth-child(28) {
  -webkit-transform: translate3d(0, 107vh, 0);
          transform: translate3d(0, 107vh, 0);
}
.popup.s--closed .popup__piece:nth-child(28) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-1vw, 0, 0) rotateX(122deg) rotateY(454deg);
          transform: translate3d(-1vw, 0, 0) rotateX(122deg) rotateY(454deg);
}
.popup.s--closed .popup__piece:nth-child(28) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(77vw, 0, 0) rotateX(292deg) rotateY(285deg);
          transform: translate3d(77vw, 0, 0) rotateX(292deg) rotateY(285deg);
}
.popup.s--closed .popup__piece:nth-child(28) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-42vw, 0, 0) rotateX(474deg) rotateY(213deg);
          transform: translate3d(-42vw, 0, 0) rotateX(474deg) rotateY(213deg);
}
.popup .popup__piece:nth-child(29) {
  height: 20.6666666667%;
  width: 8.6666666667%;
}
.popup .popup__piece:nth-child(29) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(57vw, -47vh, -33px) rotateX(153deg) rotateY(301deg);
          transform: translate3d(57vw, -47vh, -33px) rotateX(153deg) rotateY(301deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 34% 100%);
          clip-path: polygon(0 0, 0 100%, 34% 100%);
}
.popup .popup__piece:nth-child(29) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(44vw, 25vh, -358px) rotateX(308deg) rotateY(284deg);
          transform: translate3d(44vw, 25vh, -358px) rotateX(308deg) rotateY(284deg);
  -webkit-clip-path: polygon(0 0, 34% 100%, 100% 0);
          clip-path: polygon(0 0, 34% 100%, 100% 0);
}
.popup .popup__piece:nth-child(29) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(25vw, -1vh, 722px) rotateX(402deg) rotateY(264deg);
          transform: translate3d(25vw, -1vh, 722px) rotateX(402deg) rotateY(264deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 34% 100%);
          clip-path: polygon(100% 0, 100% 100%, 34% 100%);
}
.popup.s--closed .popup__piece:nth-child(29) {
  -webkit-transform: translate3d(0, 147vh, 0);
          transform: translate3d(0, 147vh, 0);
}
.popup.s--closed .popup__piece:nth-child(29) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(80vw, 0, 0) rotateX(184deg) rotateY(128deg);
          transform: translate3d(80vw, 0, 0) rotateX(184deg) rotateY(128deg);
}
.popup.s--closed .popup__piece:nth-child(29) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-52vw, 0, 0) rotateX(405deg) rotateY(258deg);
          transform: translate3d(-52vw, 0, 0) rotateX(405deg) rotateY(258deg);
}
.popup.s--closed .popup__piece:nth-child(29) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-5vw, 0, 0) rotateX(349deg) rotateY(312deg);
          transform: translate3d(-5vw, 0, 0) rotateX(349deg) rotateY(312deg);
}
.popup .popup__piece:nth-child(30) {
  height: 20.6666666667%;
  width: 20.6666666667%;
}
.popup .popup__piece:nth-child(30) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(13vw, 57vh, 463px) rotateX(196deg) rotateY(204deg);
          transform: translate3d(13vw, 57vh, 463px) rotateX(196deg) rotateY(204deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 67% 100%);
          clip-path: polygon(0 0, 0 100%, 67% 100%);
}
.popup .popup__piece:nth-child(30) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-49vw, 58vh, -802px) rotateX(225deg) rotateY(189deg);
          transform: translate3d(-49vw, 58vh, -802px) rotateX(225deg) rotateY(189deg);
  -webkit-clip-path: polygon(0 0, 67% 100%, 100% 0);
          clip-path: polygon(0 0, 67% 100%, 100% 0);
}
.popup .popup__piece:nth-child(30) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-16vw, -24vh, -897px) rotateX(419deg) rotateY(295deg);
          transform: translate3d(-16vw, -24vh, -897px) rotateX(419deg) rotateY(295deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 67% 100%);
          clip-path: polygon(100% 0, 100% 100%, 67% 100%);
}
.popup.s--closed .popup__piece:nth-child(30) {
  -webkit-transform: translate3d(0, 113vh, 0);
          transform: translate3d(0, 113vh, 0);
}
.popup.s--closed .popup__piece:nth-child(30) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-62vw, 0, 0) rotateX(374deg) rotateY(209deg);
          transform: translate3d(-62vw, 0, 0) rotateX(374deg) rotateY(209deg);
}
.popup.s--closed .popup__piece:nth-child(30) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(32vw, 0, 0) rotateX(204deg) rotateY(134deg);
          transform: translate3d(32vw, 0, 0) rotateX(204deg) rotateY(134deg);
}
.popup.s--closed .popup__piece:nth-child(30) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-49vw, 0, 0) rotateX(366deg) rotateY(438deg);
          transform: translate3d(-49vw, 0, 0) rotateX(366deg) rotateY(438deg);
}
.popup .popup__piece:nth-child(31) {
  height: 10.6666666667%;
  width: 12.6666666667%;
}
.popup .popup__piece:nth-child(31) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(40vw, -50vh, 445px) rotateX(226deg) rotateY(242deg);
          transform: translate3d(40vw, -50vh, 445px) rotateX(226deg) rotateY(242deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 47% 100%);
          clip-path: polygon(0 0, 0 100%, 47% 100%);
}
.popup .popup__piece:nth-child(31) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(46vw, 22vh, 400px) rotateX(234deg) rotateY(218deg);
          transform: translate3d(46vw, 22vh, 400px) rotateX(234deg) rotateY(218deg);
  -webkit-clip-path: polygon(0 0, 47% 100%, 100% 0);
          clip-path: polygon(0 0, 47% 100%, 100% 0);
}
.popup .popup__piece:nth-child(31) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-45vw, 57vh, 105px) rotateX(266deg) rotateY(262deg);
          transform: translate3d(-45vw, 57vh, 105px) rotateX(266deg) rotateY(262deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 47% 100%);
          clip-path: polygon(100% 0, 100% 100%, 47% 100%);
}
.popup.s--closed .popup__piece:nth-child(31) {
  -webkit-transform: translate3d(0, 135vh, 0);
          transform: translate3d(0, 135vh, 0);
}
.popup.s--closed .popup__piece:nth-child(31) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(51vw, 0, 0) rotateX(318deg) rotateY(344deg);
          transform: translate3d(51vw, 0, 0) rotateX(318deg) rotateY(344deg);
}
.popup.s--closed .popup__piece:nth-child(31) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-58vw, 0, 0) rotateX(234deg) rotateY(312deg);
          transform: translate3d(-58vw, 0, 0) rotateX(234deg) rotateY(312deg);
}
.popup.s--closed .popup__piece:nth-child(31) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(80vw, 0, 0) rotateX(231deg) rotateY(423deg);
          transform: translate3d(80vw, 0, 0) rotateX(231deg) rotateY(423deg);
}
.popup .popup__piece:nth-child(32) {
  height: 10.6666666667%;
  width: 20.6666666667%;
}
.popup .popup__piece:nth-child(32) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(44vw, 15vh, 774px) rotateX(241deg) rotateY(401deg);
          transform: translate3d(44vw, 15vh, 774px) rotateX(241deg) rotateY(401deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 56% 100%);
          clip-path: polygon(0 0, 0 100%, 56% 100%);
}
.popup .popup__piece:nth-child(32) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-15vw, 7vh, -515px) rotateX(356deg) rotateY(147deg);
          transform: translate3d(-15vw, 7vh, -515px) rotateX(356deg) rotateY(147deg);
  -webkit-clip-path: polygon(0 0, 56% 100%, 100% 0);
          clip-path: polygon(0 0, 56% 100%, 100% 0);
}
.popup .popup__piece:nth-child(32) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(50vw, 51vh, 808px) rotateX(455deg) rotateY(138deg);
          transform: translate3d(50vw, 51vh, 808px) rotateX(455deg) rotateY(138deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 56% 100%);
          clip-path: polygon(100% 0, 100% 100%, 56% 100%);
}
.popup.s--closed .popup__piece:nth-child(32) {
  -webkit-transform: translate3d(0, 136vh, 0);
          transform: translate3d(0, 136vh, 0);
}
.popup.s--closed .popup__piece:nth-child(32) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-69vw, 0, 0) rotateX(468deg) rotateY(390deg);
          transform: translate3d(-69vw, 0, 0) rotateX(468deg) rotateY(390deg);
}
.popup.s--closed .popup__piece:nth-child(32) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-39vw, 0, 0) rotateX(391deg) rotateY(461deg);
          transform: translate3d(-39vw, 0, 0) rotateX(391deg) rotateY(461deg);
}
.popup.s--closed .popup__piece:nth-child(32) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(28vw, 0, 0) rotateX(310deg) rotateY(424deg);
          transform: translate3d(28vw, 0, 0) rotateX(310deg) rotateY(424deg);
}
.popup .popup__piece:nth-child(33) {
  height: 10.6666666667%;
  width: 17.6666666667%;
}
.popup .popup__piece:nth-child(33) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(53vw, -23vh, 47px) rotateX(356deg) rotateY(479deg);
          transform: translate3d(53vw, -23vh, 47px) rotateX(356deg) rotateY(479deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 36% 100%);
          clip-path: polygon(0 0, 0 100%, 36% 100%);
}
.popup .popup__piece:nth-child(33) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-37vw, 59vh, -605px) rotateX(440deg) rotateY(222deg);
          transform: translate3d(-37vw, 59vh, -605px) rotateX(440deg) rotateY(222deg);
  -webkit-clip-path: polygon(0 0, 36% 100%, 100% 0);
          clip-path: polygon(0 0, 36% 100%, 100% 0);
}
.popup .popup__piece:nth-child(33) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(2vw, 53vh, -166px) rotateX(148deg) rotateY(242deg);
          transform: translate3d(2vw, 53vh, -166px) rotateX(148deg) rotateY(242deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 36% 100%);
          clip-path: polygon(100% 0, 100% 100%, 36% 100%);
}
.popup.s--closed .popup__piece:nth-child(33) {
  -webkit-transform: translate3d(0, 141vh, 0);
          transform: translate3d(0, 141vh, 0);
}
.popup.s--closed .popup__piece:nth-child(33) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-64vw, 0, 0) rotateX(346deg) rotateY(413deg);
          transform: translate3d(-64vw, 0, 0) rotateX(346deg) rotateY(413deg);
}
.popup.s--closed .popup__piece:nth-child(33) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(-54vw, 0, 0) rotateX(291deg) rotateY(328deg);
          transform: translate3d(-54vw, 0, 0) rotateX(291deg) rotateY(328deg);
}
.popup.s--closed .popup__piece:nth-child(33) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-50vw, 0, 0) rotateX(136deg) rotateY(187deg);
          transform: translate3d(-50vw, 0, 0) rotateX(136deg) rotateY(187deg);
}
.popup .popup__piece:nth-child(34) {
  height: 10.6666666667%;
  width: 13.6666666667%;
}
.popup .popup__piece:nth-child(34) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(49vw, -8vh, 375px) rotateX(345deg) rotateY(226deg);
          transform: translate3d(49vw, -8vh, 375px) rotateX(345deg) rotateY(226deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 41% 100%);
          clip-path: polygon(0 0, 0 100%, 41% 100%);
}
.popup .popup__piece:nth-child(34) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(13vw, 43vh, 309px) rotateX(249deg) rotateY(217deg);
          transform: translate3d(13vw, 43vh, 309px) rotateX(249deg) rotateY(217deg);
  -webkit-clip-path: polygon(0 0, 41% 100%, 100% 0);
          clip-path: polygon(0 0, 41% 100%, 100% 0);
}
.popup .popup__piece:nth-child(34) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-31vw, -37vh, 468px) rotateX(127deg) rotateY(156deg);
          transform: translate3d(-31vw, -37vh, 468px) rotateX(127deg) rotateY(156deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 41% 100%);
          clip-path: polygon(100% 0, 100% 100%, 41% 100%);
}
.popup.s--closed .popup__piece:nth-child(34) {
  -webkit-transform: translate3d(0, 102vh, 0);
          transform: translate3d(0, 102vh, 0);
}
.popup.s--closed .popup__piece:nth-child(34) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-51vw, 0, 0) rotateX(218deg) rotateY(438deg);
          transform: translate3d(-51vw, 0, 0) rotateX(218deg) rotateY(438deg);
}
.popup.s--closed .popup__piece:nth-child(34) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(42vw, 0, 0) rotateX(432deg) rotateY(204deg);
          transform: translate3d(42vw, 0, 0) rotateX(432deg) rotateY(204deg);
}
.popup.s--closed .popup__piece:nth-child(34) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(14vw, 0, 0) rotateX(147deg) rotateY(385deg);
          transform: translate3d(14vw, 0, 0) rotateX(147deg) rotateY(385deg);
}
.popup .popup__piece:nth-child(35) {
  height: 10.6666666667%;
  width: 20.6666666667%;
}
.popup .popup__piece:nth-child(35) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-52vw, -20vh, -196px) rotateX(212deg) rotateY(409deg);
          transform: translate3d(-52vw, -20vh, -196px) rotateX(212deg) rotateY(409deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 59% 100%);
          clip-path: polygon(0 0, 0 100%, 59% 100%);
}
.popup .popup__piece:nth-child(35) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(46vw, 43vh, -858px) rotateX(271deg) rotateY(330deg);
          transform: translate3d(46vw, 43vh, -858px) rotateX(271deg) rotateY(330deg);
  -webkit-clip-path: polygon(0 0, 59% 100%, 100% 0);
          clip-path: polygon(0 0, 59% 100%, 100% 0);
}
.popup .popup__piece:nth-child(35) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(0vw, 18vh, 385px) rotateX(287deg) rotateY(184deg);
          transform: translate3d(0vw, 18vh, 385px) rotateX(287deg) rotateY(184deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 59% 100%);
          clip-path: polygon(100% 0, 100% 100%, 59% 100%);
}
.popup.s--closed .popup__piece:nth-child(35) {
  -webkit-transform: translate3d(0, 114vh, 0);
          transform: translate3d(0, 114vh, 0);
}
.popup.s--closed .popup__piece:nth-child(35) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-46vw, 0, 0) rotateX(322deg) rotateY(388deg);
          transform: translate3d(-46vw, 0, 0) rotateX(322deg) rotateY(388deg);
}
.popup.s--closed .popup__piece:nth-child(35) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(69vw, 0, 0) rotateX(328deg) rotateY(178deg);
          transform: translate3d(69vw, 0, 0) rotateX(328deg) rotateY(178deg);
}
.popup.s--closed .popup__piece:nth-child(35) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-7vw, 0, 0) rotateX(323deg) rotateY(252deg);
          transform: translate3d(-7vw, 0, 0) rotateX(323deg) rotateY(252deg);
}
.popup .popup__piece:nth-child(36) {
  height: 10.6666666667%;
  width: 14.6666666667%;
}
.popup .popup__piece:nth-child(36) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-42vw, 28vh, 481px) rotateX(470deg) rotateY(290deg);
          transform: translate3d(-42vw, 28vh, 481px) rotateX(470deg) rotateY(290deg);
  -webkit-clip-path: polygon(0 0, 0 100%, 69% 100%);
          clip-path: polygon(0 0, 0 100%, 69% 100%);
}
.popup .popup__piece:nth-child(36) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(13vw, -51vh, 304px) rotateX(380deg) rotateY(351deg);
          transform: translate3d(13vw, -51vh, 304px) rotateX(380deg) rotateY(351deg);
  -webkit-clip-path: polygon(0 0, 69% 100%, 100% 0);
          clip-path: polygon(0 0, 69% 100%, 100% 0);
}
.popup .popup__piece:nth-child(36) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-57vw, 33vh, -673px) rotateX(254deg) rotateY(359deg);
          transform: translate3d(-57vw, 33vh, -673px) rotateX(254deg) rotateY(359deg);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 69% 100%);
          clip-path: polygon(100% 0, 100% 100%, 69% 100%);
}
.popup.s--closed .popup__piece:nth-child(36) {
  -webkit-transform: translate3d(0, 122vh, 0);
          transform: translate3d(0, 122vh, 0);
}
.popup.s--closed .popup__piece:nth-child(36) .popup__piece-inner:nth-child(1) {
  -webkit-transform: translate3d(-51vw, 0, 0) rotateX(469deg) rotateY(346deg);
          transform: translate3d(-51vw, 0, 0) rotateX(469deg) rotateY(346deg);
}
.popup.s--closed .popup__piece:nth-child(36) .popup__piece-inner:nth-child(2) {
  -webkit-transform: translate3d(11vw, 0, 0) rotateX(319deg) rotateY(317deg);
          transform: translate3d(11vw, 0, 0) rotateX(319deg) rotateY(317deg);
}
.popup.s--closed .popup__piece:nth-child(36) .popup__piece-inner:nth-child(3) {
  -webkit-transform: translate3d(-3vw, 0, 0) rotateX(223deg) rotateY(205deg);
          transform: translate3d(-3vw, 0, 0) rotateX(223deg) rotateY(205deg);
}
.popup__pieces {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.popup__piece {
  float: left;
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0s 0s;
  transition: -webkit-transform 0s 0s;
  transition: transform 0s 0s;
  transition: transform 0s 0s, -webkit-transform 0s 0s;
}
.popup.s--closed .popup__piece {
  -webkit-transition: -webkit-transform 0.7s 0.1s cubic-bezier(0.69, -0.47, 0.97, 1.04);
  transition: -webkit-transform 0.7s 0.1s cubic-bezier(0.69, -0.47, 0.97, 1.04);
  transition: transform 0.7s 0.1s cubic-bezier(0.69, -0.47, 0.97, 1.04);
  transition: transform 0.7s 0.1s cubic-bezier(0.69, -0.47, 0.97, 1.04), -webkit-transform 0.7s 0.1s cubic-bezier(0.69, -0.47, 0.97, 1.04);
}
.popup__piece:after {
  content: "";
  display: table;
  clear: both;
}
.popup__piece-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  -webkit-transition: opacity 0.28s 0.55s ease-in, -webkit-transform 0.7s 0.1s ease-out;
  transition: opacity 0.28s 0.55s ease-in, -webkit-transform 0.7s 0.1s ease-out;
  transition: opacity 0.28s 0.55s ease-in, transform 0.7s 0.1s ease-out;
  transition: opacity 0.28s 0.55s ease-in, transform 0.7s 0.1s ease-out, -webkit-transform 0.7s 0.1s ease-out;
}
.popup.s--active .popup__piece-inner {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.7s ease-in-out;
  transition: opacity 0.35s, -webkit-transform 0.7s ease-in-out;
  transition: opacity 0.35s, transform 0.7s ease-in-out;
  transition: opacity 0.35s, transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0) !important;
          transform: translate3d(0, 0, 0) rotateX(0) rotateY(0) !important;
  opacity: 1;
}
.popup__content {
  position: relative;
  min-height: 500px;
  padding: 30px;
  background-color: #ffffff;
  color: #ffffff;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
  box-shadow: 10px 10px 10px #d1d9e6, -10px -10px 10px #f9f9f9;
}
.popup.s--active .popup__content {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  opacity: 1;
}
.popup__close {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.popup__close:before, .popup__close:after {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  width: 100%;
  height: 2px;
  background: #000000;
}
.popup__close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.popup__close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.popup__heading {
  margin-bottom: 20px;
  font-size: 1.8em;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;
  font-weight: bold;
}
.popup__text {
  font-size: 1.6em;
  line-height: 1.5;
}
.popup__text img{
  width: 350px;
  display: block;
  margin: 40px auto 0 auto;
}
.popup-btn {
  float: left;
  background-color: #fff;
  border: none;
  float: left;
  line-height: 58px;
  padding-left: 25px;
  font-weight: bold;
  cursor: pointer;
}