@font-face {
font-family: 'Gotham';
src: url('GothamBlack.eot');
src: url('GothamBlack.otf') format('truetype'),
     url('GothamBlack.woff') format('woff'),
     url('GothamBlack.eot?#iefix') format('embedded-opentype'),
     url('GothamBlack.svg#GothamBlackBold') format('svg');
font-weight: normal;
font-style: normal;
}
.headBloc{
    background-color: #fff;
    height: 90px;
    margin: -30px -30px -10px -30px;
    border-bottom: #d50000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.logoTel{
    position: absolute;
    margin-top: -60px;
    margin-left: 10px;
    width: 50px;
}
.responHead{
    margin-top:-15px;
    text-align:center;
    color: #d50000;
}
.responNum{
    margin-top:-30px;
}
.w16em{
    color: black !important;
    height: 30px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    width: 120px !important;
    text-align: center !important;
}
#TIME{
    color: black;
    height: 30px;
    font-size: 18px!important;
    font-weight: 700!important;
    width: 90px;
}
.popups-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-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;
}
.popups-cont__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    background-color: rgba(104, 104, 104, 0.61);
}
.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;
    margin-top:     100px;
}
.popup .popup__piece:nth-child(1) {
    height: 13.66667%;
    width: 16.66667%;
}
.popup .popup__piece:nth-child(1) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-5vw, 21vh, 224px) rotateX(371deg) rotateY(399deg);
    transform: translate3d(-5vw, 21vh, 224px) rotateX(371deg) rotateY(399deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 40% 100%);
    clip-path: polygon(0 0, 0 100%, 40% 100%);
}
.popup .popup__piece:nth-child(1) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(25vw, 26vh, -670px) rotateX(470deg) rotateY(305deg);
    transform: translate3d(25vw, 26vh, -670px) rotateX(470deg) rotateY(305deg);
    -webkit-clip-path: polygon(0 0, 40% 100%, 100% 0);
    clip-path: polygon(0 0, 40% 100%, 100% 0);
}
.popup .popup__piece:nth-child(1) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(32vw, -22vh, 237px) rotateX(208deg) rotateY(374deg);
    transform: translate3d(32vw, -22vh, 237px) rotateX(208deg) rotateY(374deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 40% 100%);
    clip-path: polygon(100% 0, 100% 100%, 40% 100%);
}
.popup.s--closed .popup__piece:nth-child(1) {
    -webkit-transform: translate3d(0, 119vh, 0);
    transform: translate3d(0, 119vh, 0);
}
.popup.s--closed .popup__piece:nth-child(1) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(53vw, 0, 0) rotateX(315deg) rotateY(306deg);
    transform: translate3d(53vw, 0, 0) rotateX(315deg) rotateY(306deg);
}
.popup.s--closed .popup__piece:nth-child(1) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-72vw, 0, 0) rotateX(435deg) rotateY(178deg);
    transform: translate3d(-72vw, 0, 0) rotateX(435deg) rotateY(178deg);
}
.popup.s--closed .popup__piece:nth-child(1) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-44vw, 0, 0) rotateX(197deg) rotateY(121deg);
    transform: translate3d(-44vw, 0, 0) rotateX(197deg) rotateY(121deg);
}
.popup .popup__piece:nth-child(2) {
    height: 13.66667%;
    width: 19.66667%;
}
.popup .popup__piece:nth-child(2) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(45vw, -30vh, -756px) rotateX(453deg) rotateY(413deg);
    transform: translate3d(45vw, -30vh, -756px) rotateX(453deg) rotateY(413deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 52% 100%);
    clip-path: polygon(0 0, 0 100%, 52% 100%);
}
.popup .popup__piece:nth-child(2) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-25vw, -22vh, 85px) rotateX(448deg) rotateY(415deg);
    transform: translate3d(-25vw, -22vh, 85px) rotateX(448deg) rotateY(415deg);
    -webkit-clip-path: polygon(0 0, 52% 100%, 100% 0);
    clip-path: polygon(0 0, 52% 100%, 100% 0);
}
.popup .popup__piece:nth-child(2) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(55vw, -30vh, 616px) rotateX(139deg) rotateY(313deg);
    transform: translate3d(55vw, -30vh, 616px) rotateX(139deg) rotateY(313deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 52% 100%);
    clip-path: polygon(100% 0, 100% 100%, 52% 100%);
}
.popup.s--closed .popup__piece:nth-child(2) {
    -webkit-transform: translate3d(0, 130vh, 0);
    transform: translate3d(0, 130vh, 0);
}
.popup.s--closed .popup__piece:nth-child(2) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(34vw, 0, 0) rotateX(183deg) rotateY(465deg);
    transform: translate3d(34vw, 0, 0) rotateX(183deg) rotateY(465deg);
}
.popup.s--closed .popup__piece:nth-child(2) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(56vw, 0, 0) rotateX(161deg) rotateY(182deg);
    transform: translate3d(56vw, 0, 0) rotateX(161deg) rotateY(182deg);
}
.popup.s--closed .popup__piece:nth-child(2) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-68vw, 0, 0) rotateX(215deg) rotateY(355deg);
    transform: translate3d(-68vw, 0, 0) rotateX(215deg) rotateY(355deg);
}
.popup .popup__piece:nth-child(3) {
    height: 13.66667%;
    width: 14.66667%;
}
.popup .popup__piece:nth-child(3) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(26vw, 25vh, 221px) rotateX(190deg) rotateY(425deg);
    transform: translate3d(26vw, 25vh, 221px) rotateX(190deg) rotateY(425deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 36% 100%);
    clip-path: polygon(0 0, 0 100%, 36% 100%);
}
.popup .popup__piece:nth-child(3) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-27vw, 13vh, 587px) rotateX(307deg) rotateY(354deg);
    transform: translate3d(-27vw, 13vh, 587px) rotateX(307deg) rotateY(354deg);
    -webkit-clip-path: polygon(0 0, 36% 100%, 100% 0);
    clip-path: polygon(0 0, 36% 100%, 100% 0);
}
.popup .popup__piece:nth-child(3) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-44vw, 52vh, 413px) rotateX(185deg) rotateY(259deg);
    transform: translate3d(-44vw, 52vh, 413px) rotateX(185deg) rotateY(259deg);
    -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(3) {
    -webkit-transform: translate3d(0, 119vh, 0);
    transform: translate3d(0, 119vh, 0);
}
.popup.s--closed .popup__piece:nth-child(3) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-43vw, 0, 0) rotateX(426deg) rotateY(135deg);
    transform: translate3d(-43vw, 0, 0) rotateX(426deg) rotateY(135deg);
}
.popup.s--closed .popup__piece:nth-child(3) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-40vw, 0, 0) rotateX(155deg) rotateY(255deg);
    transform: translate3d(-40vw, 0, 0) rotateX(155deg) rotateY(255deg);
}
.popup.s--closed .popup__piece:nth-child(3) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(48vw, 0, 0) rotateX(218deg) rotateY(188deg);
    transform: translate3d(48vw, 0, 0) rotateX(218deg) rotateY(188deg);
}
.popup .popup__piece:nth-child(4) {
    height: 13.66667%;
    width: 19.66667%;
}
.popup .popup__piece:nth-child(4) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-45vw, -19vh, 37px) rotateX(464deg) rotateY(409deg);
    transform: translate3d(-45vw, -19vh, 37px) rotateX(464deg) rotateY(409deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 55% 100%);
    clip-path: polygon(0 0, 0 100%, 55% 100%);
}
.popup .popup__piece:nth-child(4) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-58vw, -15vh, 792px) rotateX(384deg) rotateY(397deg);
    transform: translate3d(-58vw, -15vh, 792px) rotateX(384deg) rotateY(397deg);
    -webkit-clip-path: polygon(0 0, 55% 100%, 100% 0);
    clip-path: polygon(0 0, 55% 100%, 100% 0);
}
.popup .popup__piece:nth-child(4) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-23vw, 38vh, 792px) rotateX(421deg) rotateY(469deg);
    transform: translate3d(-23vw, 38vh, 792px) rotateX(421deg) rotateY(469deg);
    -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(4) {
    -webkit-transform: translate3d(0, 147vh, 0);
    transform: translate3d(0, 147vh, 0);
}
.popup.s--closed .popup__piece:nth-child(4) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(78vw, 0, 0) rotateX(264deg) rotateY(135deg);
    transform: translate3d(78vw, 0, 0) rotateX(264deg) rotateY(135deg);
}
.popup.s--closed .popup__piece:nth-child(4) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-31vw, 0, 0) rotateX(251deg) rotateY(382deg);
    transform: translate3d(-31vw, 0, 0) rotateX(251deg) rotateY(382deg);
}
.popup.s--closed .popup__piece:nth-child(4) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-51vw, 0, 0) rotateX(143deg) rotateY(183deg);
    transform: translate3d(-51vw, 0, 0) rotateX(143deg) rotateY(183deg);
}
.popup .popup__piece:nth-child(5) {
    height: 13.66667%;
    width: 13.66667%;
}
.popup .popup__piece:nth-child(5) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(52vw, -30vh, 774px) rotateX(167deg) rotateY(413deg);
    transform: translate3d(52vw, -30vh, 774px) rotateX(167deg) rotateY(413deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 44% 100%);
    clip-path: polygon(0 0, 0 100%, 44% 100%);
}
.popup .popup__piece:nth-child(5) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(11vw, -4vh, 86px) rotateX(290deg) rotateY(215deg);
    transform: translate3d(11vw, -4vh, 86px) rotateX(290deg) rotateY(215deg);
    -webkit-clip-path: polygon(0 0, 44% 100%, 100% 0);
    clip-path: polygon(0 0, 44% 100%, 100% 0);
}
.popup .popup__piece:nth-child(5) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-4vw, -27vh, 375px) rotateX(153deg) rotateY(330deg);
    transform: translate3d(-4vw, -27vh, 375px) rotateX(153deg) rotateY(330deg);
    -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(5) {
    -webkit-transform: translate3d(0, 108vh, 0);
    transform: translate3d(0, 108vh, 0);
}
.popup.s--closed .popup__piece:nth-child(5) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(9vw, 0, 0) rotateX(127deg) rotateY(334deg);
    transform: translate3d(9vw, 0, 0) rotateX(127deg) rotateY(334deg);
}
.popup.s--closed .popup__piece:nth-child(5) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-24vw, 0, 0) rotateX(425deg) rotateY(247deg);
    transform: translate3d(-24vw, 0, 0) rotateX(425deg) rotateY(247deg);
}
.popup.s--closed .popup__piece:nth-child(5) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(73vw, 0, 0) rotateX(212deg) rotateY(200deg);
    transform: translate3d(73vw, 0, 0) rotateX(212deg) rotateY(200deg);
}
.popup .popup__piece:nth-child(6) {
    height: 13.66667%;
    width: 15.66667%;
}
.popup .popup__piece:nth-child(6) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-36vw, -49vh, -109px) rotateX(273deg) rotateY(229deg);
    transform: translate3d(-36vw, -49vh, -109px) rotateX(273deg) rotateY(229deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 59% 100%);
    clip-path: polygon(0 0, 0 100%, 59% 100%);
}
.popup .popup__piece:nth-child(6) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-10vw, -44vh, -463px) rotateX(301deg) rotateY(155deg);
    transform: translate3d(-10vw, -44vh, -463px) rotateX(301deg) rotateY(155deg);
    -webkit-clip-path: polygon(0 0, 59% 100%, 100% 0);
    clip-path: polygon(0 0, 59% 100%, 100% 0);
}
.popup .popup__piece:nth-child(6) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-54vw, 16vh, 113px) rotateX(363deg) rotateY(359deg);
    transform: translate3d(-54vw, 16vh, 113px) rotateX(363deg) rotateY(359deg);
    -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(6) {
    -webkit-transform: translate3d(0, 122vh, 0);
    transform: translate3d(0, 122vh, 0);
}
.popup.s--closed .popup__piece:nth-child(6) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-6vw, 0, 0) rotateX(393deg) rotateY(247deg);
    transform: translate3d(-6vw, 0, 0) rotateX(393deg) rotateY(247deg);
}
.popup.s--closed .popup__piece:nth-child(6) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-77vw, 0, 0) rotateX(123deg) rotateY(366deg);
    transform: translate3d(-77vw, 0, 0) rotateX(123deg) rotateY(366deg);
}
.popup.s--closed .popup__piece:nth-child(6) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(64vw, 0, 0) rotateX(466deg) rotateY(432deg);
    transform: translate3d(64vw, 0, 0) rotateX(466deg) rotateY(432deg);
}
.popup .popup__piece:nth-child(7) {
    height: 12.66667%;
    width: 20.66667%;
}
.popup .popup__piece:nth-child(7) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-35vw, -8vh, -840px) rotateX(253deg) rotateY(351deg);
    transform: translate3d(-35vw, -8vh, -840px) rotateX(253deg) rotateY(351deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 57% 100%);
    clip-path: polygon(0 0, 0 100%, 57% 100%);
}
.popup .popup__piece:nth-child(7) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(14vw, -26vh, 582px) rotateX(192deg) rotateY(398deg);
    transform: translate3d(14vw, -26vh, 582px) rotateX(192deg) rotateY(398deg);
    -webkit-clip-path: polygon(0 0, 57% 100%, 100% 0);
    clip-path: polygon(0 0, 57% 100%, 100% 0);
}
.popup .popup__piece:nth-child(7) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(24vw, 7vh, -296px) rotateX(384deg) rotateY(410deg);
    transform: translate3d(24vw, 7vh, -296px) rotateX(384deg) rotateY(410deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 57% 100%);
    clip-path: polygon(100% 0, 100% 100%, 57% 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(54vw, 0, 0) rotateX(275deg) rotateY(294deg);
    transform: translate3d(54vw, 0, 0) rotateX(275deg) rotateY(294deg);
}
.popup.s--closed .popup__piece:nth-child(7) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(78vw, 0, 0) rotateX(164deg) rotateY(296deg);
    transform: translate3d(78vw, 0, 0) rotateX(164deg) rotateY(296deg);
}
.popup.s--closed .popup__piece:nth-child(7) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(37vw, 0, 0) rotateX(174deg) rotateY(231deg);
    transform: translate3d(37vw, 0, 0) rotateX(174deg) rotateY(231deg);
}
.popup .popup__piece:nth-child(8) {
    height: 12.66667%;
    width: 12.66667%;
}
.popup .popup__piece:nth-child(8) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(6vw, -6vh, -392px) rotateX(294deg) rotateY(473deg);
    transform: translate3d(6vw, -6vh, -392px) rotateX(294deg) rotateY(473deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 49% 100%);
    clip-path: polygon(0 0, 0 100%, 49% 100%);
}
.popup .popup__piece:nth-child(8) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(16vw, -7vh, -877px) rotateX(182deg) rotateY(124deg);
    transform: translate3d(16vw, -7vh, -877px) rotateX(182deg) rotateY(124deg);
    -webkit-clip-path: polygon(0 0, 49% 100%, 100% 0);
    clip-path: polygon(0 0, 49% 100%, 100% 0);
}
.popup .popup__piece:nth-child(8) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-51vw, 48vh, 699px) rotateX(423deg) rotateY(162deg);
    transform: translate3d(-51vw, 48vh, 699px) rotateX(423deg) rotateY(162deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 49% 100%);
    clip-path: polygon(100% 0, 100% 100%, 49% 100%);
}
.popup.s--closed .popup__piece:nth-child(8) {
    -webkit-transform: translate3d(0, 148vh, 0);
    transform: translate3d(0, 148vh, 0);
}
.popup.s--closed .popup__piece:nth-child(8) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-75vw, 0, 0) rotateX(260deg) rotateY(321deg);
    transform: translate3d(-75vw, 0, 0) rotateX(260deg) rotateY(321deg);
}
.popup.s--closed .popup__piece:nth-child(8) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(49vw, 0, 0) rotateX(327deg) rotateY(303deg);
    transform: translate3d(49vw, 0, 0) rotateX(327deg) rotateY(303deg);
}
.popup.s--closed .popup__piece:nth-child(8) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-24vw, 0, 0) rotateX(258deg) rotateY(418deg);
    transform: translate3d(-24vw, 0, 0) rotateX(258deg) rotateY(418deg);
}
.popup .popup__piece:nth-child(9) {
    height: 12.66667%;
    width: 14.66667%;
}
.popup .popup__piece:nth-child(9) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-8vw, 20vh, -434px) rotateX(173deg) rotateY(261deg);
    transform: translate3d(-8vw, 20vh, -434px) rotateX(173deg) rotateY(261deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 51% 100%);
    clip-path: polygon(0 0, 0 100%, 51% 100%);
}
.popup .popup__piece:nth-child(9) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-12vw, 13vh, -162px) rotateX(411deg) rotateY(227deg);
    transform: translate3d(-12vw, 13vh, -162px) rotateX(411deg) rotateY(227deg);
    -webkit-clip-path: polygon(0 0, 51% 100%, 100% 0);
    clip-path: polygon(0 0, 51% 100%, 100% 0);
}
.popup .popup__piece:nth-child(9) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-36vw, -11vh, -83px) rotateX(437deg) rotateY(424deg);
    transform: translate3d(-36vw, -11vh, -83px) rotateX(437deg) rotateY(424deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 51% 100%);
    clip-path: polygon(100% 0, 100% 100%, 51% 100%);
}
.popup.s--closed .popup__piece:nth-child(9) {
    -webkit-transform: translate3d(0, 128vh, 0);
    transform: translate3d(0, 128vh, 0);
}
.popup.s--closed .popup__piece:nth-child(9) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(60vw, 0, 0) rotateX(290deg) rotateY(434deg);
    transform: translate3d(60vw, 0, 0) rotateX(290deg) rotateY(434deg);
}
.popup.s--closed .popup__piece:nth-child(9) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-54vw, 0, 0) rotateX(143deg) rotateY(440deg);
    transform: translate3d(-54vw, 0, 0) rotateX(143deg) rotateY(440deg);
}
.popup.s--closed .popup__piece:nth-child(9) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(21vw, 0, 0) rotateX(279deg) rotateY(458deg);
    transform: translate3d(21vw, 0, 0) rotateX(279deg) rotateY(458deg);
}
.popup .popup__piece:nth-child(10) {
    height: 12.66667%;
    width: 12.66667%;
}
.popup .popup__piece:nth-child(10) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-40vw, -8vh, -872px) rotateX(345deg) rotateY(292deg);
    transform: translate3d(-40vw, -8vh, -872px) rotateX(345deg) rotateY(292deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 38% 100%);
    clip-path: polygon(0 0, 0 100%, 38% 100%);
}
.popup .popup__piece:nth-child(10) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(7vw, 56vh, -349px) rotateX(382deg) rotateY(352deg);
    transform: translate3d(7vw, 56vh, -349px) rotateX(382deg) rotateY(352deg);
    -webkit-clip-path: polygon(0 0, 38% 100%, 100% 0);
    clip-path: polygon(0 0, 38% 100%, 100% 0);
}
.popup .popup__piece:nth-child(10) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(43vw, -48vh, 431px) rotateX(287deg) rotateY(367deg);
    transform: translate3d(43vw, -48vh, 431px) rotateX(287deg) rotateY(367deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 38% 100%);
    clip-path: polygon(100% 0, 100% 100%, 38% 100%);
}
.popup.s--closed .popup__piece:nth-child(10) {
    -webkit-transform: translate3d(0, 136vh, 0);
    transform: translate3d(0, 136vh, 0);
}
.popup.s--closed .popup__piece:nth-child(10) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-58vw, 0, 0) rotateX(310deg) rotateY(248deg);
    transform: translate3d(-58vw, 0, 0) rotateX(310deg) rotateY(248deg);
}
.popup.s--closed .popup__piece:nth-child(10) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(15vw, 0, 0) rotateX(137deg) rotateY(186deg);
    transform: translate3d(15vw, 0, 0) rotateX(137deg) rotateY(186deg);
}
.popup.s--closed .popup__piece:nth-child(10) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(41vw, 0, 0) rotateX(270deg) rotateY(313deg);
    transform: translate3d(41vw, 0, 0) rotateX(270deg) rotateY(313deg);
}
.popup .popup__piece:nth-child(11) {
    height: 12.66667%;
    width: 23.66667%;
}
.popup .popup__piece:nth-child(11) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-24vw, -36vh, 729px) rotateX(270deg) rotateY(279deg);
    transform: translate3d(-24vw, -36vh, 729px) rotateX(270deg) rotateY(279deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 66% 100%);
    clip-path: polygon(0 0, 0 100%, 66% 100%);
}
.popup .popup__piece:nth-child(11) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-25vw, -9vh, -277px) rotateX(235deg) rotateY(338deg);
    transform: translate3d(-25vw, -9vh, -277px) rotateX(235deg) rotateY(338deg);
    -webkit-clip-path: polygon(0 0, 66% 100%, 100% 0);
    clip-path: polygon(0 0, 66% 100%, 100% 0);
}
.popup .popup__piece:nth-child(11) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-53vw, 44vh, 509px) rotateX(235deg) rotateY(152deg);
    transform: translate3d(-53vw, 44vh, 509px) rotateX(235deg) rotateY(152deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 66% 100%);
    clip-path: polygon(100% 0, 100% 100%, 66% 100%);
}
.popup.s--closed .popup__piece:nth-child(11) {
    -webkit-transform: translate3d(0, 111vh, 0);
    transform: translate3d(0, 111vh, 0);
}
.popup.s--closed .popup__piece:nth-child(11) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(12vw, 0, 0) rotateX(148deg) rotateY(288deg);
    transform: translate3d(12vw, 0, 0) rotateX(148deg) rotateY(288deg);
}
.popup.s--closed .popup__piece:nth-child(11) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(70vw, 0, 0) rotateX(418deg) rotateY(195deg);
    transform: translate3d(70vw, 0, 0) rotateX(418deg) rotateY(195deg);
}
.popup.s--closed .popup__piece:nth-child(11) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-54vw, 0, 0) rotateX(271deg) rotateY(134deg);
    transform: translate3d(-54vw, 0, 0) rotateX(271deg) rotateY(134deg);
}
.popup .popup__piece:nth-child(12) {
    height: 12.66667%;
    width: 15.66667%;
}
.popup .popup__piece:nth-child(12) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(4vw, -5vh, 756px) rotateX(123deg) rotateY(301deg);
    transform: translate3d(4vw, -5vh, 756px) rotateX(123deg) rotateY(301deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 44% 100%);
    clip-path: polygon(0 0, 0 100%, 44% 100%);
}
.popup .popup__piece:nth-child(12) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(19vw, -25vh, -430px) rotateX(450deg) rotateY(390deg);
    transform: translate3d(19vw, -25vh, -430px) rotateX(450deg) rotateY(390deg);
    -webkit-clip-path: polygon(0 0, 44% 100%, 100% 0);
    clip-path: polygon(0 0, 44% 100%, 100% 0);
}
.popup .popup__piece:nth-child(12) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(16vw, -58vh, 391px) rotateX(194deg) rotateY(269deg);
    transform: translate3d(16vw, -58vh, 391px) rotateX(194deg) rotateY(269deg);
    -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(12) {
    -webkit-transform: translate3d(0, 111vh, 0);
    transform: translate3d(0, 111vh, 0);
}
.popup.s--closed .popup__piece:nth-child(12) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-51vw, 0, 0) rotateX(348deg) rotateY(212deg);
    transform: translate3d(-51vw, 0, 0) rotateX(348deg) rotateY(212deg);
}
.popup.s--closed .popup__piece:nth-child(12) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(6vw, 0, 0) rotateX(351deg) rotateY(230deg);
    transform: translate3d(6vw, 0, 0) rotateX(351deg) rotateY(230deg);
}
.popup.s--closed .popup__piece:nth-child(12) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(55vw, 0, 0) rotateX(354deg) rotateY(230deg);
    transform: translate3d(55vw, 0, 0) rotateX(354deg) rotateY(230deg);
}
.popup .popup__piece:nth-child(13) {
    height: 18.66667%;
    width: 17.66667%;
}
.popup .popup__piece:nth-child(13) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(2vw, -45vh, 404px) rotateX(457deg) rotateY(376deg);
    transform: translate3d(2vw, -45vh, 404px) rotateX(457deg) rotateY(376deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 70% 100%);
    clip-path: polygon(0 0, 0 100%, 70% 100%);
}
.popup .popup__piece:nth-child(13) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(20vw, 1vh, -290px) rotateX(312deg) rotateY(300deg);
    transform: translate3d(20vw, 1vh, -290px) rotateX(312deg) rotateY(300deg);
    -webkit-clip-path: polygon(0 0, 70% 100%, 100% 0);
    clip-path: polygon(0 0, 70% 100%, 100% 0);
}
.popup .popup__piece:nth-child(13) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(46vw, 10vh, -669px) rotateX(474deg) rotateY(474deg);
    transform: translate3d(46vw, 10vh, -669px) rotateX(474deg) rotateY(474deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 70% 100%);
    clip-path: polygon(100% 0, 100% 100%, 70% 100%);
}
.popup.s--closed .popup__piece:nth-child(13) {
    -webkit-transform: translate3d(0, 114vh, 0);
    transform: translate3d(0, 114vh, 0);
}
.popup.s--closed .popup__piece:nth-child(13) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(53vw, 0, 0) rotateX(290deg) rotateY(459deg);
    transform: translate3d(53vw, 0, 0) rotateX(290deg) rotateY(459deg);
}
.popup.s--closed .popup__piece:nth-child(13) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-66vw, 0, 0) rotateX(408deg) rotateY(403deg);
    transform: translate3d(-66vw, 0, 0) rotateX(408deg) rotateY(403deg);
}
.popup.s--closed .popup__piece:nth-child(13) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-30vw, 0, 0) rotateX(477deg) rotateY(336deg);
    transform: translate3d(-30vw, 0, 0) rotateX(477deg) rotateY(336deg);
}
.popup .popup__piece:nth-child(14) {
    height: 18.66667%;
    width: 16.66667%;
}
.popup .popup__piece:nth-child(14) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(17vw, 16vh, 81px) rotateX(204deg) rotateY(294deg);
    transform: translate3d(17vw, 16vh, 81px) rotateX(204deg) rotateY(294deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 59% 100%);
    clip-path: polygon(0 0, 0 100%, 59% 100%);
}
.popup .popup__piece:nth-child(14) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-55vw, -21vh, -45px) rotateX(228deg) rotateY(317deg);
    transform: translate3d(-55vw, -21vh, -45px) rotateX(228deg) rotateY(317deg);
    -webkit-clip-path: polygon(0 0, 59% 100%, 100% 0);
    clip-path: polygon(0 0, 59% 100%, 100% 0);
}
.popup .popup__piece:nth-child(14) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-1vw, 12vh, -89px) rotateX(290deg) rotateY(251deg);
    transform: translate3d(-1vw, 12vh, -89px) rotateX(290deg) rotateY(251deg);
    -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(14) {
    -webkit-transform: translate3d(0, 102vh, 0);
    transform: translate3d(0, 102vh, 0);
}
.popup.s--closed .popup__piece:nth-child(14) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(2vw, 0, 0) rotateX(272deg) rotateY(273deg);
    transform: translate3d(2vw, 0, 0) rotateX(272deg) rotateY(273deg);
}
.popup.s--closed .popup__piece:nth-child(14) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(11vw, 0, 0) rotateX(389deg) rotateY(404deg);
    transform: translate3d(11vw, 0, 0) rotateX(389deg) rotateY(404deg);
}
.popup.s--closed .popup__piece:nth-child(14) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(76vw, 0, 0) rotateX(324deg) rotateY(287deg);
    transform: translate3d(76vw, 0, 0) rotateX(324deg) rotateY(287deg);
}
.popup .popup__piece:nth-child(15) {
    height: 18.66667%;
    width: 17.66667%;
}
.popup .popup__piece:nth-child(15) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(42vw, 24vh, -50px) rotateX(394deg) rotateY(456deg);
    transform: translate3d(42vw, 24vh, -50px) rotateX(394deg) rotateY(456deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 67% 100%);
    clip-path: polygon(0 0, 0 100%, 67% 100%);
}
.popup .popup__piece:nth-child(15) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-6vw, -32vh, -60px) rotateX(121deg) rotateY(338deg);
    transform: translate3d(-6vw, -32vh, -60px) rotateX(121deg) rotateY(338deg);
    -webkit-clip-path: polygon(0 0, 67% 100%, 100% 0);
    clip-path: polygon(0 0, 67% 100%, 100% 0);
}
.popup .popup__piece:nth-child(15) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-30vw, -23vh, -802px) rotateX(409deg) rotateY(468deg);
    transform: translate3d(-30vw, -23vh, -802px) rotateX(409deg) rotateY(468deg);
    -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(15) {
    -webkit-transform: translate3d(0, 143vh, 0);
    transform: translate3d(0, 143vh, 0);
}
.popup.s--closed .popup__piece:nth-child(15) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(43vw, 0, 0) rotateX(363deg) rotateY(171deg);
    transform: translate3d(43vw, 0, 0) rotateX(363deg) rotateY(171deg);
}
.popup.s--closed .popup__piece:nth-child(15) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(20vw, 0, 0) rotateX(417deg) rotateY(276deg);
    transform: translate3d(20vw, 0, 0) rotateX(417deg) rotateY(276deg);
}
.popup.s--closed .popup__piece:nth-child(15) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(36vw, 0, 0) rotateX(349deg) rotateY(411deg);
    transform: translate3d(36vw, 0, 0) rotateX(349deg) rotateY(411deg);
}
.popup .popup__piece:nth-child(16) {
    height: 18.66667%;
    width: 18.66667%;
}
.popup .popup__piece:nth-child(16) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(5vw, -41vh, 516px) rotateX(371deg) rotateY(279deg);
    transform: translate3d(5vw, -41vh, 516px) rotateX(371deg) rotateY(279deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 53% 100%);
    clip-path: polygon(0 0, 0 100%, 53% 100%);
}
.popup .popup__piece:nth-child(16) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-34vw, -54vh, 168px) rotateX(466deg) rotateY(186deg);
    transform: translate3d(-34vw, -54vh, 168px) rotateX(466deg) rotateY(186deg);
    -webkit-clip-path: polygon(0 0, 53% 100%, 100% 0);
    clip-path: polygon(0 0, 53% 100%, 100% 0);
}
.popup .popup__piece:nth-child(16) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(10vw, 53vh, 94px) rotateX(360deg) rotateY(335deg);
    transform: translate3d(10vw, 53vh, 94px) rotateX(360deg) rotateY(335deg);
    -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(16) {
    -webkit-transform: translate3d(0, 114vh, 0);
    transform: translate3d(0, 114vh, 0);
}
.popup.s--closed .popup__piece:nth-child(16) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(57vw, 0, 0) rotateX(227deg) rotateY(315deg);
    transform: translate3d(57vw, 0, 0) rotateX(227deg) rotateY(315deg);
}
.popup.s--closed .popup__piece:nth-child(16) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-29vw, 0, 0) rotateX(136deg) rotateY(298deg);
    transform: translate3d(-29vw, 0, 0) rotateX(136deg) rotateY(298deg);
}
.popup.s--closed .popup__piece:nth-child(16) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(73vw, 0, 0) rotateX(289deg) rotateY(124deg);
    transform: translate3d(73vw, 0, 0) rotateX(289deg) rotateY(124deg);
}
.popup .popup__piece:nth-child(17) {
    height: 18.66667%;
    width: 11.66667%;
}
.popup .popup__piece:nth-child(17) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(29vw, -29vh, 839px) rotateX(264deg) rotateY(479deg);
    transform: translate3d(29vw, -29vh, 839px) rotateX(264deg) rotateY(479deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 60% 100%);
    clip-path: polygon(0 0, 0 100%, 60% 100%);
}
.popup .popup__piece:nth-child(17) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(10vw, 59vh, -173px) rotateX(251deg) rotateY(471deg);
    transform: translate3d(10vw, 59vh, -173px) rotateX(251deg) rotateY(471deg);
    -webkit-clip-path: polygon(0 0, 60% 100%, 100% 0);
    clip-path: polygon(0 0, 60% 100%, 100% 0);
}
.popup .popup__piece:nth-child(17) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(29vw, 4vh, 176px) rotateX(168deg) rotateY(302deg);
    transform: translate3d(29vw, 4vh, 176px) rotateX(168deg) rotateY(302deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 60% 100%);
    clip-path: polygon(100% 0, 100% 100%, 60% 100%);
}
.popup.s--closed .popup__piece:nth-child(17) {
    -webkit-transform: translate3d(0, 110vh, 0);
    transform: translate3d(0, 110vh, 0);
}
.popup.s--closed .popup__piece:nth-child(17) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(5vw, 0, 0) rotateX(357deg) rotateY(300deg);
    transform: translate3d(5vw, 0, 0) rotateX(357deg) rotateY(300deg);
}
.popup.s--closed .popup__piece:nth-child(17) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(52vw, 0, 0) rotateX(232deg) rotateY(191deg);
    transform: translate3d(52vw, 0, 0) rotateX(232deg) rotateY(191deg);
}
.popup.s--closed .popup__piece:nth-child(17) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-76vw, 0, 0) rotateX(318deg) rotateY(169deg);
    transform: translate3d(-76vw, 0, 0) rotateX(318deg) rotateY(169deg);
}
.popup .popup__piece:nth-child(18) {
    height: 18.66667%;
    width: 17.66667%;
}
.popup .popup__piece:nth-child(18) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(3vw, 51vh, -497px) rotateX(276deg) rotateY(411deg);
    transform: translate3d(3vw, 51vh, -497px) rotateX(276deg) rotateY(411deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 37% 100%);
    clip-path: polygon(0 0, 0 100%, 37% 100%);
}
.popup .popup__piece:nth-child(18) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(12vw, 53vh, 565px) rotateX(215deg) rotateY(419deg);
    transform: translate3d(12vw, 53vh, 565px) rotateX(215deg) rotateY(419deg);
    -webkit-clip-path: polygon(0 0, 37% 100%, 100% 0);
    clip-path: polygon(0 0, 37% 100%, 100% 0);
}
.popup .popup__piece:nth-child(18) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-43vw, 56vh, 278px) rotateX(372deg) rotateY(253deg);
    transform: translate3d(-43vw, 56vh, 278px) rotateX(372deg) rotateY(253deg);
    -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(18) {
    -webkit-transform: translate3d(0, 134vh, 0);
    transform: translate3d(0, 134vh, 0);
}
.popup.s--closed .popup__piece:nth-child(18) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(74vw, 0, 0) rotateX(332deg) rotateY(476deg);
    transform: translate3d(74vw, 0, 0) rotateX(332deg) rotateY(476deg);
}
.popup.s--closed .popup__piece:nth-child(18) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-68vw, 0, 0) rotateX(315deg) rotateY(149deg);
    transform: translate3d(-68vw, 0, 0) rotateX(315deg) rotateY(149deg);
}
.popup.s--closed .popup__piece:nth-child(18) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-10vw, 0, 0) rotateX(172deg) rotateY(315deg);
    transform: translate3d(-10vw, 0, 0) rotateX(172deg) rotateY(315deg);
}
.popup .popup__piece:nth-child(19) {
    height: 14.66667%;
    width: 21.66667%;
}
.popup .popup__piece:nth-child(19) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-58vw, 15vh, 36px) rotateX(302deg) rotateY(348deg);
    transform: translate3d(-58vw, 15vh, 36px) rotateX(302deg) rotateY(348deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 39% 100%);
    clip-path: polygon(0 0, 0 100%, 39% 100%);
}
.popup .popup__piece:nth-child(19) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-38vw, 1vh, 534px) rotateX(424deg) rotateY(211deg);
    transform: translate3d(-38vw, 1vh, 534px) rotateX(424deg) rotateY(211deg);
    -webkit-clip-path: polygon(0 0, 39% 100%, 100% 0);
    clip-path: polygon(0 0, 39% 100%, 100% 0);
}
.popup .popup__piece:nth-child(19) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-2vw, 6vh, -773px) rotateX(198deg) rotateY(356deg);
    transform: translate3d(-2vw, 6vh, -773px) rotateX(198deg) rotateY(356deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 39% 100%);
    clip-path: polygon(100% 0, 100% 100%, 39% 100%);
}
.popup.s--closed .popup__piece:nth-child(19) {
    -webkit-transform: translate3d(0, 114vh, 0);
    transform: translate3d(0, 114vh, 0);
}
.popup.s--closed .popup__piece:nth-child(19) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-48vw, 0, 0) rotateX(395deg) rotateY(355deg);
    transform: translate3d(-48vw, 0, 0) rotateX(395deg) rotateY(355deg);
}
.popup.s--closed .popup__piece:nth-child(19) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(24vw, 0, 0) rotateX(196deg) rotateY(464deg);
    transform: translate3d(24vw, 0, 0) rotateX(196deg) rotateY(464deg);
}
.popup.s--closed .popup__piece:nth-child(19) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-57vw, 0, 0) rotateX(368deg) rotateY(186deg);
    transform: translate3d(-57vw, 0, 0) rotateX(368deg) rotateY(186deg);
}
.popup .popup__piece:nth-child(20) {
    height: 14.66667%;
    width: 12.66667%;
}
.popup .popup__piece:nth-child(20) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(42vw, 0vh, -894px) rotateX(411deg) rotateY(131deg);
    transform: translate3d(42vw, 0vh, -894px) rotateX(411deg) rotateY(131deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 44% 100%);
    clip-path: polygon(0 0, 0 100%, 44% 100%);
}
.popup .popup__piece:nth-child(20) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(42vw, 0vh, -321px) rotateX(205deg) rotateY(376deg);
    transform: translate3d(42vw, 0vh, -321px) rotateX(205deg) rotateY(376deg);
    -webkit-clip-path: polygon(0 0, 44% 100%, 100% 0);
    clip-path: polygon(0 0, 44% 100%, 100% 0);
}
.popup .popup__piece:nth-child(20) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(12vw, -23vh, -474px) rotateX(154deg) rotateY(391deg);
    transform: translate3d(12vw, -23vh, -474px) rotateX(154deg) rotateY(391deg);
    -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(20) {
    -webkit-transform: translate3d(0, 147vh, 0);
    transform: translate3d(0, 147vh, 0);
}
.popup.s--closed .popup__piece:nth-child(20) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-45vw, 0, 0) rotateX(461deg) rotateY(235deg);
    transform: translate3d(-45vw, 0, 0) rotateX(461deg) rotateY(235deg);
}
.popup.s--closed .popup__piece:nth-child(20) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-4vw, 0, 0) rotateX(389deg) rotateY(247deg);
    transform: translate3d(-4vw, 0, 0) rotateX(389deg) rotateY(247deg);
}
.popup.s--closed .popup__piece:nth-child(20) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-59vw, 0, 0) rotateX(359deg) rotateY(418deg);
    transform: translate3d(-59vw, 0, 0) rotateX(359deg) rotateY(418deg);
}
.popup .popup__piece:nth-child(21) {
    height: 14.66667%;
    width: 18.66667%;
}
.popup .popup__piece:nth-child(21) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(35vw, 28vh, -527px) rotateX(284deg) rotateY(281deg);
    transform: translate3d(35vw, 28vh, -527px) rotateX(284deg) rotateY(281deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 54% 100%);
    clip-path: polygon(0 0, 0 100%, 54% 100%);
}
.popup .popup__piece:nth-child(21) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-47vw, -44vh, 407px) rotateX(218deg) rotateY(421deg);
    transform: translate3d(-47vw, -44vh, 407px) rotateX(218deg) rotateY(421deg);
    -webkit-clip-path: polygon(0 0, 54% 100%, 100% 0);
    clip-path: polygon(0 0, 54% 100%, 100% 0);
}
.popup .popup__piece:nth-child(21) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(33vw, 53vh, 820px) rotateX(388deg) rotateY(125deg);
    transform: translate3d(33vw, 53vh, 820px) rotateX(388deg) rotateY(125deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 54% 100%);
    clip-path: polygon(100% 0, 100% 100%, 54% 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(57vw, 0, 0) rotateX(447deg) rotateY(163deg);
    transform: translate3d(57vw, 0, 0) rotateX(447deg) rotateY(163deg);
}
.popup.s--closed .popup__piece:nth-child(21) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(78vw, 0, 0) rotateX(419deg) rotateY(457deg);
    transform: translate3d(78vw, 0, 0) rotateX(419deg) rotateY(457deg);
}
.popup.s--closed .popup__piece:nth-child(21) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(2vw, 0, 0) rotateX(252deg) rotateY(357deg);
    transform: translate3d(2vw, 0, 0) rotateX(252deg) rotateY(357deg);
}
.popup .popup__piece:nth-child(22) {
    height: 14.66667%;
    width: 14.66667%;
}
.popup .popup__piece:nth-child(22) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(13vw, 19vh, 228px) rotateX(189deg) rotateY(431deg);
    transform: translate3d(13vw, 19vh, 228px) rotateX(189deg) rotateY(431deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 65% 100%);
    clip-path: polygon(0 0, 0 100%, 65% 100%);
}
.popup .popup__piece:nth-child(22) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(50vw, -49vh, -554px) rotateX(243deg) rotateY(134deg);
    transform: translate3d(50vw, -49vh, -554px) rotateX(243deg) rotateY(134deg);
    -webkit-clip-path: polygon(0 0, 65% 100%, 100% 0);
    clip-path: polygon(0 0, 65% 100%, 100% 0);
}
.popup .popup__piece:nth-child(22) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-43vw, -29vh, -326px) rotateX(286deg) rotateY(200deg);
    transform: translate3d(-43vw, -29vh, -326px) rotateX(286deg) rotateY(200deg);
    -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(22) {
    -webkit-transform: translate3d(0, 126vh, 0);
    transform: translate3d(0, 126vh, 0);
}
.popup.s--closed .popup__piece:nth-child(22) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(22vw, 0, 0) rotateX(282deg) rotateY(228deg);
    transform: translate3d(22vw, 0, 0) rotateX(282deg) rotateY(228deg);
}
.popup.s--closed .popup__piece:nth-child(22) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-20vw, 0, 0) rotateX(441deg) rotateY(417deg);
    transform: translate3d(-20vw, 0, 0) rotateX(441deg) rotateY(417deg);
}
.popup.s--closed .popup__piece:nth-child(22) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-30vw, 0, 0) rotateX(397deg) rotateY(396deg);
    transform: translate3d(-30vw, 0, 0) rotateX(397deg) rotateY(396deg);
}
.popup .popup__piece:nth-child(23) {
    height: 14.66667%;
    width: 11.66667%;
}
.popup .popup__piece:nth-child(23) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-16vw, 59vh, 386px) rotateX(224deg) rotateY(191deg);
    transform: translate3d(-16vw, 59vh, 386px) rotateX(224deg) rotateY(191deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 62% 100%);
    clip-path: polygon(0 0, 0 100%, 62% 100%);
}
.popup .popup__piece:nth-child(23) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(40vw, -33vh, -741px) rotateX(199deg) rotateY(346deg);
    transform: translate3d(40vw, -33vh, -741px) rotateX(199deg) rotateY(346deg);
    -webkit-clip-path: polygon(0 0, 62% 100%, 100% 0);
    clip-path: polygon(0 0, 62% 100%, 100% 0);
}
.popup .popup__piece:nth-child(23) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(50vw, -13vh, 457px) rotateX(308deg) rotateY(448deg);
    transform: translate3d(50vw, -13vh, 457px) rotateX(308deg) rotateY(448deg);
    -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(23) {
    -webkit-transform: translate3d(0, 123vh, 0);
    transform: translate3d(0, 123vh, 0);
}
.popup.s--closed .popup__piece:nth-child(23) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(58vw, 0, 0) rotateX(176deg) rotateY(176deg);
    transform: translate3d(58vw, 0, 0) rotateX(176deg) rotateY(176deg);
}
.popup.s--closed .popup__piece:nth-child(23) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-65vw, 0, 0) rotateX(454deg) rotateY(383deg);
    transform: translate3d(-65vw, 0, 0) rotateX(454deg) rotateY(383deg);
}
.popup.s--closed .popup__piece:nth-child(23) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-16vw, 0, 0) rotateX(456deg) rotateY(283deg);
    transform: translate3d(-16vw, 0, 0) rotateX(456deg) rotateY(283deg);
}
.popup .popup__piece:nth-child(24) {
    height: 14.66667%;
    width: 20.66667%;
}
.popup .popup__piece:nth-child(24) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(13vw, 40vh, -518px) rotateX(452deg) rotateY(217deg);
    transform: translate3d(13vw, 40vh, -518px) rotateX(452deg) rotateY(217deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 54% 100%);
    clip-path: polygon(0 0, 0 100%, 54% 100%);
}
.popup .popup__piece:nth-child(24) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(58vw, -9vh, 81px) rotateX(160deg) rotateY(306deg);
    transform: translate3d(58vw, -9vh, 81px) rotateX(160deg) rotateY(306deg);
    -webkit-clip-path: polygon(0 0, 54% 100%, 100% 0);
    clip-path: polygon(0 0, 54% 100%, 100% 0);
}
.popup .popup__piece:nth-child(24) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-9vw, 46vh, 367px) rotateX(295deg) rotateY(159deg);
    transform: translate3d(-9vw, 46vh, 367px) rotateX(295deg) rotateY(159deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 54% 100%);
    clip-path: polygon(100% 0, 100% 100%, 54% 100%);
}
.popup.s--closed .popup__piece:nth-child(24) {
    -webkit-transform: translate3d(0, 136vh, 0);
    transform: translate3d(0, 136vh, 0);
}
.popup.s--closed .popup__piece:nth-child(24) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-17vw, 0, 0) rotateX(261deg) rotateY(307deg);
    transform: translate3d(-17vw, 0, 0) rotateX(261deg) rotateY(307deg);
}
.popup.s--closed .popup__piece:nth-child(24) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-60vw, 0, 0) rotateX(318deg) rotateY(162deg);
    transform: translate3d(-60vw, 0, 0) rotateX(318deg) rotateY(162deg);
}
.popup.s--closed .popup__piece:nth-child(24) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(14vw, 0, 0) rotateX(441deg) rotateY(458deg);
    transform: translate3d(14vw, 0, 0) rotateX(441deg) rotateY(458deg);
}
.popup .popup__piece:nth-child(25) {
    height: 17.66667%;
    width: 19.66667%;
}
.popup .popup__piece:nth-child(25) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-24vw, 41vh, -161px) rotateX(329deg) rotateY(246deg);
    transform: translate3d(-24vw, 41vh, -161px) rotateX(329deg) rotateY(246deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 45% 100%);
    clip-path: polygon(0 0, 0 100%, 45% 100%);
}
.popup .popup__piece:nth-child(25) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(42vw, 24vh, -18px) rotateX(164deg) rotateY(134deg);
    transform: translate3d(42vw, 24vh, -18px) rotateX(164deg) rotateY(134deg);
    -webkit-clip-path: polygon(0 0, 45% 100%, 100% 0);
    clip-path: polygon(0 0, 45% 100%, 100% 0);
}
.popup .popup__piece:nth-child(25) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(7vw, 12vh, -739px) rotateX(407deg) rotateY(386deg);
    transform: translate3d(7vw, 12vh, -739px) rotateX(407deg) rotateY(386deg);
    -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(25) {
    -webkit-transform: translate3d(0, 113vh, 0);
    transform: translate3d(0, 113vh, 0);
}
.popup.s--closed .popup__piece:nth-child(25) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(41vw, 0, 0) rotateX(257deg) rotateY(279deg);
    transform: translate3d(41vw, 0, 0) rotateX(257deg) rotateY(279deg);
}
.popup.s--closed .popup__piece:nth-child(25) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(76vw, 0, 0) rotateX(194deg) rotateY(267deg);
    transform: translate3d(76vw, 0, 0) rotateX(194deg) rotateY(267deg);
}
.popup.s--closed .popup__piece:nth-child(25) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(55vw, 0, 0) rotateX(233deg) rotateY(286deg);
    transform: translate3d(55vw, 0, 0) rotateX(233deg) rotateY(286deg);
}
.popup .popup__piece:nth-child(26) {
    height: 17.66667%;
    width: 13.66667%;
}
.popup .popup__piece:nth-child(26) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-39vw, 1vh, 755px) rotateX(341deg) rotateY(449deg);
    transform: translate3d(-39vw, 1vh, 755px) rotateX(341deg) rotateY(449deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 34% 100%);
    clip-path: polygon(0 0, 0 100%, 34% 100%);
}
.popup .popup__piece:nth-child(26) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(44vw, 38vh, -396px) rotateX(280deg) rotateY(121deg);
    transform: translate3d(44vw, 38vh, -396px) rotateX(280deg) rotateY(121deg);
    -webkit-clip-path: polygon(0 0, 34% 100%, 100% 0);
    clip-path: polygon(0 0, 34% 100%, 100% 0);
}
.popup .popup__piece:nth-child(26) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(1vw, -55vh, -571px) rotateX(169deg) rotateY(225deg);
    transform: translate3d(1vw, -55vh, -571px) rotateX(169deg) rotateY(225deg);
    -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(26) {
    -webkit-transform: translate3d(0, 106vh, 0);
    transform: translate3d(0, 106vh, 0);
}
.popup.s--closed .popup__piece:nth-child(26) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(52vw, 0, 0) rotateX(294deg) rotateY(339deg);
    transform: translate3d(52vw, 0, 0) rotateX(294deg) rotateY(339deg);
}
.popup.s--closed .popup__piece:nth-child(26) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-7vw, 0, 0) rotateX(129deg) rotateY(209deg);
    transform: translate3d(-7vw, 0, 0) rotateX(129deg) rotateY(209deg);
}
.popup.s--closed .popup__piece:nth-child(26) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-7vw, 0, 0) rotateX(233deg) rotateY(283deg);
    transform: translate3d(-7vw, 0, 0) rotateX(233deg) rotateY(283deg);
}
.popup .popup__piece:nth-child(27) {
    height: 17.66667%;
    width: 16.66667%;
}
.popup .popup__piece:nth-child(27) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(7vw, 31vh, 523px) rotateX(202deg) rotateY(124deg);
    transform: translate3d(7vw, 31vh, 523px) rotateX(202deg) rotateY(124deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 58% 100%);
    clip-path: polygon(0 0, 0 100%, 58% 100%);
}
.popup .popup__piece:nth-child(27) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(17vw, 14vh, -243px) rotateX(357deg) rotateY(422deg);
    transform: translate3d(17vw, 14vh, -243px) rotateX(357deg) rotateY(422deg);
    -webkit-clip-path: polygon(0 0, 58% 100%, 100% 0);
    clip-path: polygon(0 0, 58% 100%, 100% 0);
}
.popup .popup__piece:nth-child(27) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-52vw, 1vh, 876px) rotateX(412deg) rotateY(131deg);
    transform: translate3d(-52vw, 1vh, 876px) rotateX(412deg) rotateY(131deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 58% 100%);
    clip-path: polygon(100% 0, 100% 100%, 58% 100%);
}
.popup.s--closed .popup__piece:nth-child(27) {
    -webkit-transform: translate3d(0, 122vh, 0);
    transform: translate3d(0, 122vh, 0);
}
.popup.s--closed .popup__piece:nth-child(27) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(65vw, 0, 0) rotateX(266deg) rotateY(428deg);
    transform: translate3d(65vw, 0, 0) rotateX(266deg) rotateY(428deg);
}
.popup.s--closed .popup__piece:nth-child(27) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-3vw, 0, 0) rotateX(347deg) rotateY(192deg);
    transform: translate3d(-3vw, 0, 0) rotateX(347deg) rotateY(192deg);
}
.popup.s--closed .popup__piece:nth-child(27) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-41vw, 0, 0) rotateX(272deg) rotateY(411deg);
    transform: translate3d(-41vw, 0, 0) rotateX(272deg) rotateY(411deg);
}
.popup .popup__piece:nth-child(28) {
    height: 17.66667%;
    width: 14.66667%;
}
.popup .popup__piece:nth-child(28) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(14vw, -26vh, -635px) rotateX(281deg) rotateY(293deg);
    transform: translate3d(14vw, -26vh, -635px) rotateX(281deg) rotateY(293deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 42% 100%);
    clip-path: polygon(0 0, 0 100%, 42% 100%);
}
.popup .popup__piece:nth-child(28) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(31vw, -1vh, -407px) rotateX(289deg) rotateY(249deg);
    transform: translate3d(31vw, -1vh, -407px) rotateX(289deg) rotateY(249deg);
    -webkit-clip-path: polygon(0 0, 42% 100%, 100% 0);
    clip-path: polygon(0 0, 42% 100%, 100% 0);
}
.popup .popup__piece:nth-child(28) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(43vw, 52vh, -126px) rotateX(250deg) rotateY(315deg);
    transform: translate3d(43vw, 52vh, -126px) rotateX(250deg) rotateY(315deg);
    -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(28) {
    -webkit-transform: translate3d(0, 148vh, 0);
    transform: translate3d(0, 148vh, 0);
}
.popup.s--closed .popup__piece:nth-child(28) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(1vw, 0, 0) rotateX(465deg) rotateY(213deg);
    transform: translate3d(1vw, 0, 0) rotateX(465deg) rotateY(213deg);
}
.popup.s--closed .popup__piece:nth-child(28) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-3vw, 0, 0) rotateX(452deg) rotateY(410deg);
    transform: translate3d(-3vw, 0, 0) rotateX(452deg) rotateY(410deg);
}
.popup.s--closed .popup__piece:nth-child(28) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(24vw, 0, 0) rotateX(460deg) rotateY(250deg);
    transform: translate3d(24vw, 0, 0) rotateX(460deg) rotateY(250deg);
}
.popup .popup__piece:nth-child(29) {
    height: 17.66667%;
    width: 17.66667%;
}
.popup .popup__piece:nth-child(29) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(31vw, 8vh, -781px) rotateX(291deg) rotateY(401deg);
    transform: translate3d(31vw, 8vh, -781px) rotateX(291deg) rotateY(401deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 63% 100%);
    clip-path: polygon(0 0, 0 100%, 63% 100%);
}
.popup .popup__piece:nth-child(29) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-59vw, -57vh, -41px) rotateX(268deg) rotateY(259deg);
    transform: translate3d(-59vw, -57vh, -41px) rotateX(268deg) rotateY(259deg);
    -webkit-clip-path: polygon(0 0, 63% 100%, 100% 0);
    clip-path: polygon(0 0, 63% 100%, 100% 0);
}
.popup .popup__piece:nth-child(29) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(36vw, -38vh, 522px) rotateX(292deg) rotateY(162deg);
    transform: translate3d(36vw, -38vh, 522px) rotateX(292deg) rotateY(162deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 63% 100%);
    clip-path: polygon(100% 0, 100% 100%, 63% 100%);
}
.popup.s--closed .popup__piece:nth-child(29) {
    -webkit-transform: translate3d(0, 106vh, 0);
    transform: translate3d(0, 106vh, 0);
}
.popup.s--closed .popup__piece:nth-child(29) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-14vw, 0, 0) rotateX(242deg) rotateY(149deg);
    transform: translate3d(-14vw, 0, 0) rotateX(242deg) rotateY(149deg);
}
.popup.s--closed .popup__piece:nth-child(29) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(60vw, 0, 0) rotateX(256deg) rotateY(362deg);
    transform: translate3d(60vw, 0, 0) rotateX(256deg) rotateY(362deg);
}
.popup.s--closed .popup__piece:nth-child(29) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-72vw, 0, 0) rotateX(125deg) rotateY(282deg);
    transform: translate3d(-72vw, 0, 0) rotateX(125deg) rotateY(282deg);
}
.popup .popup__piece:nth-child(30) {
    height: 17.66667%;
    width: 17.66667%;
}
.popup .popup__piece:nth-child(30) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-9vw, -17vh, -855px) rotateX(452deg) rotateY(381deg);
    transform: translate3d(-9vw, -17vh, -855px) rotateX(452deg) rotateY(381deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 66% 100%);
    clip-path: polygon(0 0, 0 100%, 66% 100%);
}
.popup .popup__piece:nth-child(30) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-53vw, 50vh, -167px) rotateX(314deg) rotateY(285deg);
    transform: translate3d(-53vw, 50vh, -167px) rotateX(314deg) rotateY(285deg);
    -webkit-clip-path: polygon(0 0, 66% 100%, 100% 0);
    clip-path: polygon(0 0, 66% 100%, 100% 0);
}
.popup .popup__piece:nth-child(30) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-31vw, -39vh, 654px) rotateX(133deg) rotateY(268deg);
    transform: translate3d(-31vw, -39vh, 654px) rotateX(133deg) rotateY(268deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 66% 100%);
    clip-path: polygon(100% 0, 100% 100%, 66% 100%);
}
.popup.s--closed .popup__piece:nth-child(30) {
    -webkit-transform: translate3d(0, 138vh, 0);
    transform: translate3d(0, 138vh, 0);
}
.popup.s--closed .popup__piece:nth-child(30) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(20vw, 0, 0) rotateX(269deg) rotateY(141deg);
    transform: translate3d(20vw, 0, 0) rotateX(269deg) rotateY(141deg);
}
.popup.s--closed .popup__piece:nth-child(30) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(1vw, 0, 0) rotateX(170deg) rotateY(262deg);
    transform: translate3d(1vw, 0, 0) rotateX(170deg) rotateY(262deg);
}
.popup.s--closed .popup__piece:nth-child(30) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-42vw, 0, 0) rotateX(307deg) rotateY(143deg);
    transform: translate3d(-42vw, 0, 0) rotateX(307deg) rotateY(143deg);
}
.popup .popup__piece:nth-child(31) {
    height: 22.66667%;
    width: 15.66667%;
}
.popup .popup__piece:nth-child(31) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-13vw, 55vh, 700px) rotateX(416deg) rotateY(420deg);
    transform: translate3d(-13vw, 55vh, 700px) rotateX(416deg) rotateY(420deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 35% 100%);
    clip-path: polygon(0 0, 0 100%, 35% 100%);
}
.popup .popup__piece:nth-child(31) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-16vw, -34vh, 18px) rotateX(400deg) rotateY(198deg);
    transform: translate3d(-16vw, -34vh, 18px) rotateX(400deg) rotateY(198deg);
    -webkit-clip-path: polygon(0 0, 35% 100%, 100% 0);
    clip-path: polygon(0 0, 35% 100%, 100% 0);
}
.popup .popup__piece:nth-child(31) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-25vw, -19vh, -426px) rotateX(445deg) rotateY(170deg);
    transform: translate3d(-25vw, -19vh, -426px) rotateX(445deg) rotateY(170deg);
    -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(31) {
    -webkit-transform: translate3d(0, 106vh, 0);
    transform: translate3d(0, 106vh, 0);
}
.popup.s--closed .popup__piece:nth-child(31) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(59vw, 0, 0) rotateX(149deg) rotateY(328deg);
    transform: translate3d(59vw, 0, 0) rotateX(149deg) rotateY(328deg);
}
.popup.s--closed .popup__piece:nth-child(31) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(19vw, 0, 0) rotateX(316deg) rotateY(196deg);
    transform: translate3d(19vw, 0, 0) rotateX(316deg) rotateY(196deg);
}
.popup.s--closed .popup__piece:nth-child(31) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-46vw, 0, 0) rotateX(459deg) rotateY(354deg);
    transform: translate3d(-46vw, 0, 0) rotateX(459deg) rotateY(354deg);
}
.popup .popup__piece:nth-child(32) {
    height: 22.66667%;
    width: 15.66667%;
}
.popup .popup__piece:nth-child(32) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(18vw, -9vh, 847px) rotateX(415deg) rotateY(306deg);
    transform: translate3d(18vw, -9vh, 847px) rotateX(415deg) rotateY(306deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 48% 100%);
    clip-path: polygon(0 0, 0 100%, 48% 100%);
}
.popup .popup__piece:nth-child(32) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-56vw, 26vh, -104px) rotateX(431deg) rotateY(343deg);
    transform: translate3d(-56vw, 26vh, -104px) rotateX(431deg) rotateY(343deg);
    -webkit-clip-path: polygon(0 0, 48% 100%, 100% 0);
    clip-path: polygon(0 0, 48% 100%, 100% 0);
}
.popup .popup__piece:nth-child(32) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(30vw, 7vh, -396px) rotateX(220deg) rotateY(161deg);
    transform: translate3d(30vw, 7vh, -396px) rotateX(220deg) rotateY(161deg);
    -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(32) {
    -webkit-transform: translate3d(0, 106vh, 0);
    transform: translate3d(0, 106vh, 0);
}
.popup.s--closed .popup__piece:nth-child(32) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-30vw, 0, 0) rotateX(276deg) rotateY(323deg);
    transform: translate3d(-30vw, 0, 0) rotateX(276deg) rotateY(323deg);
}
.popup.s--closed .popup__piece:nth-child(32) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-59vw, 0, 0) rotateX(224deg) rotateY(341deg);
    transform: translate3d(-59vw, 0, 0) rotateX(224deg) rotateY(341deg);
}
.popup.s--closed .popup__piece:nth-child(32) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(51vw, 0, 0) rotateX(289deg) rotateY(313deg);
    transform: translate3d(51vw, 0, 0) rotateX(289deg) rotateY(313deg);
}
.popup .popup__piece:nth-child(33) {
    height: 22.66667%;
    width: 17.66667%;
}
.popup .popup__piece:nth-child(33) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(11vw, 11vh, -606px) rotateX(460deg) rotateY(309deg);
    transform: translate3d(11vw, 11vh, -606px) rotateX(460deg) rotateY(309deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 46% 100%);
    clip-path: polygon(0 0, 0 100%, 46% 100%);
}
.popup .popup__piece:nth-child(33) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-2vw, 28vh, 209px) rotateX(197deg) rotateY(458deg);
    transform: translate3d(-2vw, 28vh, 209px) rotateX(197deg) rotateY(458deg);
    -webkit-clip-path: polygon(0 0, 46% 100%, 100% 0);
    clip-path: polygon(0 0, 46% 100%, 100% 0);
}
.popup .popup__piece:nth-child(33) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(41vw, -26vh, -99px) rotateX(228deg) rotateY(143deg);
    transform: translate3d(41vw, -26vh, -99px) rotateX(228deg) rotateY(143deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 46% 100%);
    clip-path: polygon(100% 0, 100% 100%, 46% 100%);
}
.popup.s--closed .popup__piece:nth-child(33) {
    -webkit-transform: translate3d(0, 110vh, 0);
    transform: translate3d(0, 110vh, 0);
}
.popup.s--closed .popup__piece:nth-child(33) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(22vw, 0, 0) rotateX(460deg) rotateY(415deg);
    transform: translate3d(22vw, 0, 0) rotateX(460deg) rotateY(415deg);
}
.popup.s--closed .popup__piece:nth-child(33) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-68vw, 0, 0) rotateX(458deg) rotateY(124deg);
    transform: translate3d(-68vw, 0, 0) rotateX(458deg) rotateY(124deg);
}
.popup.s--closed .popup__piece:nth-child(33) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-24vw, 0, 0) rotateX(314deg) rotateY(384deg);
    transform: translate3d(-24vw, 0, 0) rotateX(314deg) rotateY(384deg);
}
.popup .popup__piece:nth-child(34) {
    height: 22.66667%;
    width: 21.66667%;
}
.popup .popup__piece:nth-child(34) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(19vw, -48vh, -624px) rotateX(265deg) rotateY(445deg);
    transform: translate3d(19vw, -48vh, -624px) rotateX(265deg) rotateY(445deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 49% 100%);
    clip-path: polygon(0 0, 0 100%, 49% 100%);
}
.popup .popup__piece:nth-child(34) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(46vw, -42vh, 113px) rotateX(208deg) rotateY(392deg);
    transform: translate3d(46vw, -42vh, 113px) rotateX(208deg) rotateY(392deg);
    -webkit-clip-path: polygon(0 0, 49% 100%, 100% 0);
    clip-path: polygon(0 0, 49% 100%, 100% 0);
}
.popup .popup__piece:nth-child(34) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(16vw, 2vh, -681px) rotateX(287deg) rotateY(431deg);
    transform: translate3d(16vw, 2vh, -681px) rotateX(287deg) rotateY(431deg);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 49% 100%);
    clip-path: polygon(100% 0, 100% 100%, 49% 100%);
}
.popup.s--closed .popup__piece:nth-child(34) {
    -webkit-transform: translate3d(0, 126vh, 0);
    transform: translate3d(0, 126vh, 0);
}
.popup.s--closed .popup__piece:nth-child(34) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-39vw, 0, 0) rotateX(455deg) rotateY(335deg);
    transform: translate3d(-39vw, 0, 0) rotateX(455deg) rotateY(335deg);
}
.popup.s--closed .popup__piece:nth-child(34) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(74vw, 0, 0) rotateX(296deg) rotateY(244deg);
    transform: translate3d(74vw, 0, 0) rotateX(296deg) rotateY(244deg);
}
.popup.s--closed .popup__piece:nth-child(34) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-79vw, 0, 0) rotateX(393deg) rotateY(458deg);
    transform: translate3d(-79vw, 0, 0) rotateX(393deg) rotateY(458deg);
}
.popup .popup__piece:nth-child(35) {
    height: 22.66667%;
    width: 9.66667%;
}
.popup .popup__piece:nth-child(35) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(13vw, -17vh, 762px) rotateX(295deg) rotateY(460deg);
    transform: translate3d(13vw, -17vh, 762px) rotateX(295deg) rotateY(460deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 41% 100%);
    clip-path: polygon(0 0, 0 100%, 41% 100%);
}
.popup .popup__piece:nth-child(35) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-57vw, 39vh, -399px) rotateX(429deg) rotateY(280deg);
    transform: translate3d(-57vw, 39vh, -399px) rotateX(429deg) rotateY(280deg);
    -webkit-clip-path: polygon(0 0, 41% 100%, 100% 0);
    clip-path: polygon(0 0, 41% 100%, 100% 0);
}
.popup .popup__piece:nth-child(35) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(16vw, 14vh, -140px) rotateX(472deg) rotateY(353deg);
    transform: translate3d(16vw, 14vh, -140px) rotateX(472deg) rotateY(353deg);
    -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(35) {
    -webkit-transform: translate3d(0, 105vh, 0);
    transform: translate3d(0, 105vh, 0);
}
.popup.s--closed .popup__piece:nth-child(35) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(-27vw, 0, 0) rotateX(386deg) rotateY(216deg);
    transform: translate3d(-27vw, 0, 0) rotateX(386deg) rotateY(216deg);
}
.popup.s--closed .popup__piece:nth-child(35) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(70vw, 0, 0) rotateX(214deg) rotateY(373deg);
    transform: translate3d(70vw, 0, 0) rotateX(214deg) rotateY(373deg);
}
.popup.s--closed .popup__piece:nth-child(35) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(16vw, 0, 0) rotateX(473deg) rotateY(265deg);
    transform: translate3d(16vw, 0, 0) rotateX(473deg) rotateY(265deg);
}
.popup .popup__piece:nth-child(36) {
    height: 22.66667%;
    width: 19.66667%;
}
.popup .popup__piece:nth-child(36) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(56vw, 27vh, 229px) rotateX(226deg) rotateY(476deg);
    transform: translate3d(56vw, 27vh, 229px) rotateX(226deg) rotateY(476deg);
    -webkit-clip-path: polygon(0 0, 0 100%, 59% 100%);
    clip-path: polygon(0 0, 0 100%, 59% 100%);
}
.popup .popup__piece:nth-child(36) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(-12vw, 29vh, -649px) rotateX(376deg) rotateY(346deg);
    transform: translate3d(-12vw, 29vh, -649px) rotateX(376deg) rotateY(346deg);
    -webkit-clip-path: polygon(0 0, 59% 100%, 100% 0);
    clip-path: polygon(0 0, 59% 100%, 100% 0);
}
.popup .popup__piece:nth-child(36) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(31vw, 44vh, 848px) rotateX(151deg) rotateY(298deg);
    transform: translate3d(31vw, 44vh, 848px) rotateX(151deg) rotateY(298deg);
    -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(36) {
    -webkit-transform: translate3d(0, 109vh, 0);
    transform: translate3d(0, 109vh, 0);
}
.popup.s--closed .popup__piece:nth-child(36) .popup__piece-inner:nth-child(1) {
    -webkit-transform: translate3d(68vw, 0, 0) rotateX(409deg) rotateY(327deg);
    transform: translate3d(68vw, 0, 0) rotateX(409deg) rotateY(327deg);
}
.popup.s--closed .popup__piece:nth-child(36) .popup__piece-inner:nth-child(2) {
    -webkit-transform: translate3d(42vw, 0, 0) rotateX(387deg) rotateY(326deg);
    transform: translate3d(42vw, 0, 0) rotateX(387deg) rotateY(326deg);
}
.popup.s--closed .popup__piece:nth-child(36) .popup__piece-inner:nth-child(3) {
    -webkit-transform: translate3d(-44vw, 0, 0) rotateX(279deg) rotateY(479deg);
    transform: translate3d(-44vw, 0, 0) rotateX(279deg) rotateY(479deg);
}
.popup__pieces {
    position: absolute;
    left: 0;
    top: -25%;
    width: 88%;
    height: 98%;
    margin-left: 30px;
}
.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: rgba(255, 255, 255, 0.65);
    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;
    padding: 30px 30px 5px 30px;
    background: #fff;
    margin-top: -28%;
    color: #000;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 0;
    margin-left: 30px;
    margin-right: 30px;
    border-style: solid !important;
    border-width: 5px !important;
    border-radius: 15px;
    border: #d50000;
}
.popup.s--active .popup__content {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    opacity: 1;
}
.popup__close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.popup__close:before, .popup__close:after {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 60%;
    height: 2px;
    background: #d50000;
}
.popup__close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.popup__close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.popup__heading {
    margin: 10px 0px 20px 0px;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #d50000;
    padding-top: 17px;
    padding-left: 10px;
    text-align: center;
    font-family: Gotham;
}
.popup__text {
    font-size: 18px;
    line-height: 1.5;
}

.popup-btn {
    position: fixed;
    top: 70%;
    width: 70px;
    height: 70px;
    border: none;
    padding: 1px;
    transition: all 0.3s;
    cursor: pointer;
    float: right;
    right: 0%;
    z-index: 26;
    background-color: rgba(213, 0, 0, 0);
}
.responDem{
    padding-top: 10px;
    font-family: Roboto, Gotham, Arial, sans-serif;
    font-size: 14px;
    text-align: left;
}
.demande{
    color: black;
    height: 90px;
    padding-left: 40px;
    margin: -30px 0px 30px -30px;  
    font-family: Roboto, Gotham, Arial, sans-serif;
    line-height: 35px;
    font-size: 14px;
}
.choixDemande{
    font-size: 14px;
    font-family: Roboto, Gotham, Arial, sans-serif;
    float: none;
    margin-top: -3px;
}
.responPro{
    font-weight: normal;
    font-size: 11px;
    margin-bottom: -10px;
    margin-top: -10px;
}
.overlay {
   top: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1001;
    height: 2%;
    width: 330px;
    text-align: -webkit-center;
    margin-left: auto;
    margin-right: auto;
}
#TEL{
    margin-top: 5px;
    color: black;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: left;
    width: 250px;
    height: 30px;
    border-radius: 10px !important;
}
.g-recaptcha{
    margin: -20px 0px 10px 0px;
}
.headerPop{
    background-color: #30373A;
    background-size: cover;
    color: white;
    padding-top: 10px;
    padding-bottom: 1px;
}
.numero{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
    margin-top: -10px;   
}
.btnValider{
    background: #d50000;
    border: 1px solid #d50000;
    color: #FFF;
    font-family: Gotham;
    font-size: 16px;
    height: 38px;
    font-weight: 400;
    font-style: normal;
    position: relative;
    padding: 0 16px;
    line-height: 42px;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    outline: none;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 10px;
}

    
/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* Hide the input by using a className */
input.fd-hidden-input,
select.fd-hidden-input
        {
        display:none;
        }
/* Screen reader class - hides it from the visual display */
.fd-screen-reader
        {
        position:absolute;
        left:-999em;
        top:0;
        width:1px;
        height:1px;
        overflow:hidden; 
        outline: 0 none;
    -moz-outline: 0 none;
        } 
/* Disabled datePicker and activation button */
a.dp-disabled,
.dp-disabled table
        {
        opacity:.3 !important;           
        filter:alpha(opacity=40);           
        }
.dp-disabled,
.dp-disabled td,
.dp-disabled th,
.dp-disabled th span
        {
        cursor:default !important;          
        }
a.date-picker-control:focus,
div.datePicker table td:focus 
        {
        overflow:hidden;
        outline:0 none;
    -moz-outline: 0 none;
    color:rgb(100,130,170) !important;
        }
/* The wrapper div */
div.datePicker
        {
        position:fixed;        
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/1em Verdana, Sans-Serif;

        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana, sans-serif; */

        /* Or, if you prefer a pixel precision */
        /* font:900 12px/12px Verdana, sans-serif; */

        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. */
        -moz-user-select:none;
        -khtml-user-select:none;                 
        }  
/* Styles for the static datePickers */
div.static-datepicker
        {
        position:relative;        
        top:5px;
        left:0;
        }
div.datePicker table
        {
        width:auto;
        height:auto;
        border-collapse:separate;         
        } 
/* Draggable datepickers */
div.datePicker tfoot th.drag-enabled,
div.datePicker thead th.drag-enabled,
div.datePicker thead th.drag-enabled span
        {
        cursor:move;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited
        {
        position:relative;
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url(/templates/gantry/webcallback/img/cal-grey.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:top;         
        }
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus,
a.dp-button-active:link,
a.dp-button-active:visited,
a.dp-button-active:hover,
a.dp-button-active:active,
a.dp-button-active:focus
        {
        background:transparent url(/templates/gantry/webcallback/img/cal.gif) no-repeat 50% 50% !important;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
a.date-picker-control
        {
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* Default "button" styles */
div.datePicker thead th span
        {
        display:block;
        padding:0;
        margin:0;
        text-align:center;
        line-height:1em;
        border:0 none;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
/* The "month, year" display */
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        display:inline;
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;          
        }
/* Next & Previous (month, year) buttons */
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-weight:lighter;
        font-size:2.4em;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        cursor:pointer !important;
        }
/* Hover effect for Next & Previous (month, year) buttons */
div.datePicker th span.prev-but:hover,
div.datePicker th span.next-but:hover,
div.datePicker th span.today-but:hover
        {
        color:#a84444;
        }
/* Today button */
div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        padding-top:0.3em;
        text-transform:uppercase;
        vertical-align:middle;
        cursor:pointer !important          
        }
/* Disabled buttons */ 
div.dp-disabled th span.prev-but,
div.dp-disabled th span.next-but,
div.dp-disabled th span.today-but,
div.dp-disabled th span.prev-but:hover,
div.dp-disabled th span.next-but:hover,
div.dp-disabled th span.today-but:hover,
div.datePicker th span.prev-but.fd-disabled:hover,
div.datePicker th span.next-but.fd-disabled:hover,
div.datePicker thead th span.fd-disabled,
div.datePicker th span.fd-disabled:hover
        {
        color:#aaa;
        cursor:default !important; 
        opacity:1;        
        }   
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        text-decoration:none;
        text-transform:lowercase;
        cursor:pointer;          
        }
/* The table */
div.datePicker table
        {               
        margin:0;
        padding:0;
        border:1px solid #ccc;        
        background:#fff url(/templates/gantry/webcallback/img/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        border-spacing:2px;
        padding:0.3em; 
        width:auto;             
        empty-cells:show;   
        border-radius:0.8em;             
        -moz-border-radius:0.8em;
        -moz-box-shadow:0px 0px 5px #aaa;               
        }
/* Common TD & TH styling */
div.datePicker table td,
div.datePicker table tbody th
        {                 
        border:0 none;
        padding:0;
        text-align:center;
        vertical-align:middle;               
        cursor:pointer;
        background:#fff url(/templates/gantry/webcallback/img/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:3em;   
        overflow:hidden;      
        outline:transparent none 0px;        
        border:1px solid #ccc;
        text-transform:none;         
        -moz-border-radius:2px;         
        border-radius:2px;
        }
div.datePicker table td:focus,
div.datePicker table td:active
        {
        outline:0 none red;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;        
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle; 
        text-transform:none;        
        }
div.datePicker table thead th
        {
        height:auto !important;
        }
div.datePicker table tbody th
        {                          
        border:1px solid #dcdcdc;        
        }
/* Week number display */
div.datePicker table thead th.date-picker-week-header,
div.datePicker table tbody th.date-picker-week-header
        {
        font-style:oblique;  
        background:transparent;
        cursor:default;         
        }
div.datePicker table thead th.date-picker-week-header
        {
        cursor:help;
        border:0 none;
        padding:0 0 0.2em 0;
        }
/* tfoot status bar */
div.datePicker tfoot th
        {
        cursor:default;
        font-weight:normal;
        text-transform:uppercase;
        letter-spacing:0.1em;
        border:0 none;
        background:#fff;
        height:2.8em;
        }
/* TD cell that is _not_ used to display a day of the month */
div.datePicker table tbody td.date-picker-unused
        {
        background:#fff url(/templates/gantry/webcallback/img/backstripes.gif);
        border-color:#dcdcdc;          
        cursor:default !important;
        }

/* The TH cell used to display the "month, year" title */
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header styles */
div.datePicker table thead th.date-picker-day-header
        {
        text-transform:lowercase;
        cursor:help;
        height:auto;
        }
/* The "todays date" style */
div.datePicker table tbody td.date-picker-today
        {
        background:#fff url(/templates/gantry/webcallback/img/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }

div.datePicker table tbody td.month-out.date-picker-highlight 
        {
        color:#aa8866 !important;
        }
/* The "highlight days" style */
div.datePicker table tbody td.date-picker-highlight,
div.datePicker table thead th.date-picker-highlight
        {
        color:#a86666 !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(/templates/gantry/webcallback/img/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170) !important;
        color:rgb(100,130,170); 
        text-shadow: 0px 1px 1px #fff;                
        }
/* The "disabled days" style */
div.datePicker table tbody td.day-disabled
        {          
        background:#fff url(/templates/gantry/webcallback/img/backstripes.gif) no-repeat 0 0;
        color:#aaa !important;
        cursor:default;
        text-decoration:line-through;
        } 
div.datePicker table tbody td.month-out 
        {
        border-color:#ddd;
        color:#aaa !important;
        background:#fff url(/templates/gantry/webcallback/img/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;                             
        } 
/* The "selected date" style */
div.datePicker table tbody td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* The date "out of range" style */
div.datePicker table tbody td.out-of-range,
div.datePicker table tbody td.not-selectable
        {           
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;              
        } 
/* Week number "out of range" && "month-out" styles */
div.datePicker table tbody th.month-out,
div.datePicker table tbody th.out-of-range
        {
        color:#aaa !important;
        font-style:oblique;
        background:#fcfcfc !important;          
        }
/* week numbers "out of range" */
div.datePicker table tbody th.out-of-range
        {
        opacity:0.6;
        filter:alpha(opacity=60);
        }  
/* Used when the entire grid is full but the next/prev months dates cannot be selected */
div.datePicker table tbody td.not-selectable
        {         
        opacity:0.8;
        filter:alpha(opacity=80);        
        }
div.datePicker table tbody tr
        {
        display:table-row;
        }
div.datePicker table tfoot sup
        {
        font-size:0.86em;
        letter-spacing:normal;
        text-transform:none;
        height: 0;
    line-height: 1;
    position: relative;
    top: -0.2em;    
    vertical-align: baseline !important;
    vertical-align: top;  
        }
div.datePicker table thead th.date-picker-day-header,
div.datePicker table thead span.month-display,
div.datePicker table thead span.year-display
        {            
        text-shadow: 0px 1px 1px #fff;                            
        }
/* You can add focus effects (for everything but IE6) like so: */

div.datepicker-focus table.datePickerTable
        {
        border-color:#999 !important;         
        }
div.datePicker table tbody tr td:focus,
div.datePicker table tbody td.date-picker-hover 
        {
        overflow:hidden;
        outline:0px solid #ff0000;        
    -moz-outline: 0 none;
    -o-highlight:0 none;
    color:rgb(100,130,170) !important;          
        }
div.static-datepicker table
        {
        -moz-box-shadow:0 0 0 transparent;

        }               
div.datepicker-focus table
        {
        /* Naughty, naughty - but we add a highlight using the table's border colour */
        outline:none;
         -moz-box-shadow:0px 0px 5px #aaa;         
        }    
       *:-o-prefocus{outline : -o-highlight-border;}

/* INTERNET EXPLORER WOES
   ======================

   Hover Effects
   -------------

   IE cannot deal with :focus on the TR so the datePicker script adds the class "dp-row-highlight" to the
   row currently being hovered over. This should enable you to add hover effects if desired.

   e.g. the following rule will highlight the cell borders in another colour when a row is moused over,
   it looks like crap though so I didn't include the rule within the demo:

div.datePicker table tbody tr.dp-row-highlight td
        {
        border-color:#aaa;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack  
   This is a workaround for a nasty IE6 bug that never caches background images on dynamically created DOM nodes
   which means that they are downloaded for every cell for every table - nasty! */    
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }
body.fd-drag-active 
        {
        -webkit-user-select:none;
        }
/* Chrome has problems with the -webkit-box-shadow and -webkit-border-radius styles together 
   Remove one or the other to get things looking less ugly */       
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table
                {
                border-spacing:0.3em;
                /* Naughty, naughty */
                -webkit-box-shadow:0px 0px 5px #aaa;                 
                -webkit-border-radius:0.8em;                
                }          
        div.static-datepicker table
                {
                -webkit-box-shadow:0 0 0 transparent;
                } 
        div.datepicker-focus table
                {        
                -webkit-box-shadow:0px 0px 5px #aaa;       
                }       
        div.datePicker table td,
        div.datePicker table tbody th
                {
                padding:0.1em;
                -webkit-border-radius:2px;
                }
        div.datePicker table tbody td.date-picker-hover
                {                
                -webkit-box-shadow:0px 0px 1px rgb(100,130,170);
                }       
}

/* media queries */
@media all and (max-width: 450px){
.headBloc{
    height: 110px;
}
.logoTel{
    margin-top: -80px;
    margin-left: 30px;
}
.responNum{
    padding-top: 20px;
}
.responPro{
    width: 60%;
}
.popup__heading{
    font-size: 30px;
}
.responHead{
    font-size: 13px;
}
.popup__close{
    right: 35px;
    top: 5px;
    width: 15px;
}
.popups-cont{
    margin-top: 10%;
}
.popups-cont__overlay{
   top: -6%;
   height: 110%;
}
}
/*
@media all and (max-height: 600px){
.popups-cont{
    position: absolute;
    top: 0px;
}
.popups-cont__overlay{
    height: 700%;
}
.popup__pieces{
    top: 0%;
}
.popup__content{
    margin-top: 0%;
}
div.datePicker{
    position: absolute;
}
}*/
@media all and (min-height: 671px) and (max-height: 671px){
.popup__pieces{
    top: -15%;
}
.popup__content{
    margin-top: -17% !important;
}
}

@media all and (min-height: 667px) and (max-height: 667px){
.popup__pieces{
    top: -15%;
}
.popup__content{
    margin-top: -31%;
}
}

@media all and (min-height: 568px) and (max-height: 568px){
.popup__pieces{
    top: -15%;
}
.popup__content{
    margin-top: -28%;
}
}

@media all and (min-height: 640px) and (max-height: 740px){
.popup__pieces{
    top: -15%;
}
.popup__content{
    margin-top: -30%;
}
}