body {
    background: #000032;
    color: #fff;
    font-family: Dezign;
    font-size: 5.2vh;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
@font-face {
    font-family: Dezign;
    src: url(fonts/Dezign.eot?#iefix) format("embedded-opentype"), url(fonts/Dezign.woff) format("woff"), url(fonts/Dezign.ttf) format("truetype"), url(fonts/Dezign.svg#svgFontName) format("svg");
}
.fadeIn {
    -webkit-animation: fadeIn 5s 1 linear;
    -webkit-animation-fill-mode: forwards;
}
.fadeOut {
    -webkit-animation: fadeOut 5s 1 linear;
    -webkit-animation-fill-mode: forwards;
}

header {
    height: 21%;
}
header img {
    -webkit-animation: skew 0.75s ease-in infinite;
    display: block;
    height: auto;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}
@-webkit-keyframes skew {
    0%,
    100% {
        transform: skewX(15deg) skewY(2deg);
    }
    50% {
        transform: skewX(-15deg) skewY(-2deg);
    }
}
.container {
    background: #210054;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    height: 60%;
    margin: 20px 0 10px;
    position: relative;
}
.linecanvasdiv {
    position: absolute;
}
.linecanvasdiv_inner {
    margin: 0 auto;
}
.wrapper {
    background: #000032;
    height: 100vh;
    margin: 0 auto;
    max-width: 160vh;
}
.wrapper_cubetext {
    height: 100%;
    margin: 0 auto;
    perspective: 1000px;
    perspective-origin: 50% 50%;
}
.cube {
    float: left;
    height: 200px;
    margin: 10vh auto 0 10vw;
    opacity: 0.5;
    transform-style: preserve-3d;
    transition: transform 1s linear;
    width: 200px;
}
.cube figure {
    background-position: center center;
    font-size: 250px;
    height: 200px;
    line-height: 160px;
    margin: 40px;
    position: absolute;
    text-align: center;
    width: 200px;
}
.frontface {
    background: #d138bf;
    transform: rotateY(0deg) translateZ(100px);
}
.backface {
    background: #e7e247;
    transform: rotateX(180deg) translateZ(100px);
}
.rightface {
    background: #5c80bc;
    transform: rotateY(90deg) translateZ(100px);
}
.leftface {
    background: #e9edde;
    transform: rotateY(-90deg) translateZ(100px);
}
.topface {
    background: #8aaa79;
    transform: rotateX(90deg) translateZ(100px);
}
.bottomface {
    background: #473e3f;
    transform: rotateX(-90deg) translateZ(100px);
}
@-webkit-keyframes scaleGrow {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg) scale(0, 0);
    }
    100% {
        -webkit-transform: rotateX(360deg) rotateY(360deg) scale(1, 1);
    }
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateX(360deg) rotateY(360deg);
    }
}
@-webkit-keyframes scaleShrink {
    0% {
        transform: rotateX(0deg) rotateY(0deg) scale(1, 1);
    }
    100% {
        transform: rotateX(360deg) rotateY(360deg) scale(0, 0);
    }
}
.animateRotate2s {
    animation: rotate 2s 3 linear;
}
.animateScaleShrink {
    animation: scaleShrink 1.5s 1 linear;
}
.animateScaleGrow {
    animation: scaleGrow 1.5s 1 linear;
}
.animateInfinite {
    animation: rotate 2s infinite linear;
}
.ticker {
    height: 100%;
    margin: 0 auto;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}
.ticker ul {
    margin: 0;
    padding: 0;
}
.ticker li {
    display: none;
}
.ticker .active {
    display: block;
}
.tickerinner {
    -webkit-animation: slideUp 0.5s ease-in-out 0s 1 normal forwards running, fadeOut 1s ease-in-out 3s 1 normal forwards running;
    bottom: 0;
    height: 42%;
    overflow: hidden;
    position: absolute;
    right: 70px;
    width: 50%;
}
.ticker dl {
    margin: 0;
    padding: 0;
}
.ticker dt {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    width: 40%;
}
.ticker dd {
    float: left;
    margin: 0 0 0 5px;
    overflow: hidden;
    text-align: left;
}
.ticker dt:after {
    content: " ..................................................................................";
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes slideUp {
    100% {
        -webkit-transform: translateY(-70%);
    }
}
.signature {
    -webkit-animation: swing 0.97s linear infinite;
    float: right;
    font-size: 13px;
    height: 5%;
    margin-top: 15px;
}
.signature span {
    padding: 3px;
}
.signature1 {
    background: black;
    color: cyan;
}
.signature2 {
    background: #fff;
    color: red;
}
@-webkit-keyframes swing {
    0%,
    100% {
        transform: rotate(25deg);
    }
    50% {
        transform: rotate(-25deg);
    }
}

#shape { 
    position:relative; top:125px; left:125px; width:125px; height:125px; 
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
transform-style: preserve-3d;
    -webkit-transform: rotateX(-5deg) rotateY(-30deg);
    -moz-transform: rotateX(-5deg) rotateY(-30deg);
transform: rotateX(-5deg) rotateY(-30deg);
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
 transition: transform 2s;
}
@-webkit-keyframes spin {
    /*from { -webkit-transform: rotateX(0) rotateY(0); }*/
    to	 { -webkit-transform: rotateX(360deg) rotateY(360deg); }
}
@-moz-keyframes spin {
    /*from { -moz-transform: rotateX(0) rotateY(0); }*/
    to	 { -moz-transform: rotateX(360deg) rotateY(360deg); }
}
@keyframes spin {
    /*from { transform: rotateX(0) rotateY(0); }*/
    to	 { transform: rotateX(360deg) rotateY(360deg); }
}

#shape > div { position:absolute; width:125px; height:125px; border:1px solid white; background-color:#999; opacity:.5; }
#shape a { color:black; text-decoration:none; text-align:center; width:100%; height:100%; margin-top:30px; display:block; font-size:50px; }
#shape .frontface { -webkit-transform: translateZ(63px); -moz-transform: translateZ(63px); transform: translateZ(63px); }
#shape .rightface { -webkit-transform: rotateY(90deg) translateZ(63px); -moz-transform: rotateY(90deg) translateZ(63px); transform: rotateY(90deg) translateZ(63px); }
#shape .backface  { -webkit-transform: rotateY(180deg) translateZ(63px); -moz-transform: rotateY(180deg) translateZ(63px); transform: rotateY(180deg) translateZ(63px); }
#shape .leftface  { -webkit-transform: rotateY(270deg) translateZ(63px); -moz-transform: rotateY(270deg) translateZ(63px); transform: rotateY(270deg) translateZ(63px); }
#shape .topface   {  -webkit-transform: rotateX(90deg) translateZ(63px); -moz-transform: rotateX(90deg) translateZ(63px); transform: rotateX(90deg) translateZ(63px); }
#shape .bottomface { -webkit-transform: rotateX(270deg) rotateY(0deg) translateZ(63px); -moz-transform: rotateX(270deg) rotateY(0deg) translateZ(63px); transform: rotateX(270deg) rotateY(0deg) translateZ(63px); }

/*transitions*/
#shape.show-frontface  { -webkit-transform: translateZ(63px); -moz-transform: translateZ(63px); transform: translateZ(63px); }
#shape.show-rightface  { -webkit-transform: rotateX(360deg) rotateY(-90deg); -moz-transform: rotateX(360deg) rotateY(-90deg); transform: rotateX(360deg) rotateY(-90deg); }
#shape.show-backface   { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
#shape.show-leftface   { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); transform: rotateY(90deg); }
#shape.show-topface    { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: rotateX(-90deg) rotateY(-360deg); -moz-transform: rotateX(-90deg) rotateY(-360deg); transform: rotateX(-90deg) rotateY(-360deg); }
#shape.show-bottomface { -webkit-transform: rotateX(90deg) rotateY(360deg); -moz-transform: rotateX(90deg) rotateY(360deg); transform: rotateX(90deg) rotateY(360deg); }
/*zoom in*/
#shape.zi 	 { -webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); transform: scale(1.5,1.5); }
/*animations*/
#shape.spin { -webkit-animation: spin 5s infinite linear; -moz-animation: spin 5s infinite linear; animation: spin 5s infinite linear; }
#shape 		{ -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; -webkit-transform: scale(1); -webkit-transform: rotateX(-5deg) rotateY(-30deg); -moz-transform: scale(1); -moz-transform: rotateX(-5deg) rotateY(-30deg); transform: scale(1); transform: rotateX(-5deg) rotateY(-30deg); }