@charset "UTF-8";
/* ANIMATION CUBES */

/* HOMEPAGE: CHECKED - SIDE */

#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side {
    border-radius: 0;
    -webkit-transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, left 1s ease-in-out, border-radius 2s ease-in-out, -webkit-transform 1s ease-in-out;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, left 1s ease-in-out, border-radius 2s ease-in-out, -webkit-transform 1s ease-in-out;
    -o-transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, transform 1s ease-in-out, left 1s ease-in-out, border-radius 2s ease-in-out;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, transform 1s ease-in-out, left 1s ease-in-out, border-radius 2s ease-in-out;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, transform 1s ease-in-out, left 1s ease-in-out, border-radius 2s ease-in-out, -webkit-transform 1s ease-in-out;
}

/* HOMEPAGE: NOT CHECKED - SIDE */

#controller-homepage:not(:checked)~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side {
    -webkit-transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, left 1s ease-in-out, -webkit-transform 1s ease-in-out;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, left 1s ease-in-out, -webkit-transform 1s ease-in-out;
    -o-transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, transform 1s ease-in-out, left 1s ease-in-out;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, transform 1s ease-in-out, left 1s ease-in-out;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, transform 1s ease-in-out, left 1s ease-in-out, -webkit-transform 1s ease-in-out;
}

/* HOMEPAGE: CHECKED - SIDE:BEFORE */

#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side::before {
    width: 100px;
    height: 100px;
    border-radius: 0;
    opacity: 1;
    -webkit-transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, left 1s ease-in-out, -webkit-transform 1s ease-in-out;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, left 1s ease-in-out, -webkit-transform 1s ease-in-out;
    -o-transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, transform 1s ease-in-out, left 1s ease-in-out;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, transform 1s ease-in-out, left 1s ease-in-out;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, transform 1s ease-in-out, left 1s ease-in-out, -webkit-transform 1s ease-in-out;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    left: 120%;
    background-color: inherit;
}

/* HOMEPAGE: CHECKED - SIDE:AFTER */

#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side::after {
    width: 100px;
    height: 100px;
    border-radius: 0;
    opacity: 1;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    left: -120%;
    background-color: inherit;
}

/* HOMEPAGE: NOT CHECKED - SIDE:BEFORE */

#controller-homepage:not(:checked)~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side::before {
    width: 0;
    height: 0;
    border-radius: 0;
    opacity: 0;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    left: 120%;
    background-color: inherit;
}

/* HOMEPAGE: NOT CHECKED - SIDE:AFTER */

#controller-homepage:not(:checked)~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side::after {
    width: 0;
    height: 0;
    border-radius: 0;
    opacity: 0;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    left: -120%;
    background-color: inherit;
}

/* SIDES */

#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-2 {
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(170px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(170px);
}

#controller-homepage:not(:checked)~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-2 {}

#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-2::before,
#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-2::after,
#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-4::before,
#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-4::after {
    display: none;
}

#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-3 {
    -webkit-transform: rotateX(180deg) rotateZ(90deg) translateZ(50px);
    transform: rotateX(180deg) rotateZ(90deg) translateZ(50px);
}

#controller-homepage:not(:checked)~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-3 {}

#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-4 {
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-170px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-170px);
}

#controller-homepage:not(:checked)~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-4 {}

#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-7 {
    -webkit-transform: rotateY(90deg) rotateZ(90deg) translateZ(50px);
    transform: rotateY(90deg) rotateZ(90deg) translateZ(50px);
}

#controller-homepage:not(:checked)~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-7 {}

#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-8 {
    -webkit-transform: rotateX(180deg) rotateZ(90deg) translateZ(-50px);
    transform: rotateX(180deg) rotateZ(90deg) translateZ(-50px);
}

#controller-homepage:not(:checked)~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-8 {}

#controller-homepage:checked~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-9 {
    -webkit-transform: rotateY(90deg) rotateZ(90deg) translateZ(-50px);
    transform: rotateY(90deg) rotateZ(90deg) translateZ(-50px);
}

#controller-homepage:not(:checked)~.header .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side-9 {}

/* ANIMATION */

input[name="controller"]#controller-homepage:checked~label.header div.ptpac-logo div.ptpac-logo-frame div.ptpac-logo-container div.ptpac-logo-stage .ptpac-logo-side::before,
input[name="controller"]#controller-homepage:not(:checked)~label.header div.ptpac-logo div.ptpac-logo-frame div.ptpac-logo-container div.ptpac-logo-stage .ptpac-logo-side::before,
input[name="controller"]#controller-homepage:checked~label.header div.ptpac-logo div.ptpac-logo-frame div.ptpac-logo-container div.ptpac-logo-stage .ptpac-logo-side::after,
input[name="controller"]#controller-homepage:not(:checked)~label.header div.ptpac-logo div.ptpac-logo-frame div.ptpac-logo-container div.ptpac-logo-stage .ptpac-logo-side::after,
input[name="controller"]#controller-homepage:not(:checked)~label.header div.ptpac-logo div.ptpac-logo-frame div.ptpac-logo-container div.ptpac-logo-stage .ptpac-logo-side,
input[name="controller"]#controller-homepage:not(:checked)~label.header div.ptpac-logo div.ptpac-logo-frame div.ptpac-logo-container div.ptpac-logo-stage .ptpac-logo-side * {
    -webkit-transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, left 1s ease-in-out, border-radius 2s ease-in-out, -webkit-transform 1s ease-in-out;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, left 1s ease-in-out, border-radius 2s ease-in-out, -webkit-transform 1s ease-in-out;
    -o-transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, transform 1s ease-in-out, left 1s ease-in-out, border-radius 2s ease-in-out;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, transform 1s ease-in-out, left 1s ease-in-out, border-radius 2s ease-in-out;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out, transform 1s ease-in-out, left 1s ease-in-out, border-radius 2s ease-in-out, -webkit-transform 1s ease-in-out;
}

/* REMOVE ANIMATION FOR MOBILE */

input[name="controller"]#controller-homepage:checked~label.header.mobile div.ptpac-logo div.ptpac-logo-frame div.ptpac-logo-container div.ptpac-logo-stage .ptpac-logo-side::before,
input[name="controller"]#controller-homepage:not(:checked)~label.header.mobile div.ptpac-logo div.ptpac-logo-frame div.ptpac-logo-container div.ptpac-logo-stage .ptpac-logo-side::before,
input[name="controller"]#controller-homepage:checked~label.header.mobile div.ptpac-logo div.ptpac-logo-frame div.ptpac-logo-container div.ptpac-logo-stage .ptpac-logo-side::after,
input[name="controller"]#controller-homepage:not(:checked)~label.header.mobile div.ptpac-logo div.ptpac-logo-frame div.ptpac-logo-container div.ptpac-logo-stage .ptpac-logo-side::after,
input[name="controller"]#controller-homepage:not(:checked)~label.header.mobile div.ptpac-logo div.ptpac-logo-frame div.ptpac-logo-container div.ptpac-logo-stage .ptpac-logo-side,
input[name="controller"]#controller-homepage:not(:checked)~label.header.mobile div.ptpac-logo div.ptpac-logo-frame div.ptpac-logo-container div.ptpac-logo-stage .ptpac-logo-side *,
.header.mobile,
input[name="controller"]#controller-homepage~label.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side.ptpac-logo-side-2::before,
input[name="controller"]#controller-homepage~label.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side.ptpac-logo-side-2::after,
input[name="controller"]#controller-homepage~label.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side.ptpac-logo-side-3::before,
input[name="controller"]#controller-homepage~label.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side.ptpac-logo-side-3::after,
input[name="controller"]#controller-homepage~label.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side.ptpac-logo-side-4::before,
input[name="controller"]#controller-homepage~label.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side.ptpac-logo-side-4::after,
input[name="controller"]#controller-homepage~label.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side.ptpac-logo-side-7::before,
input[name="controller"]#controller-homepage~label.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side.ptpac-logo-side-7::after,
input[name="controller"]#controller-homepage~label.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side.ptpac-logo-side-8::before,
input[name="controller"]#controller-homepage~label.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side.ptpac-logo-side-8::after,
input[name="controller"]#controller-homepage~label.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side.ptpac-logo-side-9::before,
input[name="controller"]#controller-homepage~label.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side.ptpac-logo-side-9::after,
#controller-homepage:checked~.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side,
#controller-homepage:not(:checked)~.header.mobile .ptpac-logo .ptpac-logo-frame .ptpac-logo-container .ptpac-logo-stage .ptpac-logo-base .ptpac-logo-side {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}