/*! tridiv - v0.1.2 - by Julian Garnier - Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License - 2020-09-13 */
@font-face{font-family:open_sanslight;src:url(opensans-light-webfont.woff) format('woff'),url(opensans-light-webfont.svg#open_sanslight) format('svg');font-weight:300;font-style:normal}@font-face{font-family:open_sansregular;src:url(opensans-regular-webfont.woff) format('woff'),url(opensans-regular-webfont.svg#open_sansregular) format('svg');font-weight:400;font-style:normal}html,body,div,span,applet,shape,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}*,:before,:after{font-family:OpenSans-Light;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:open_sanslight,sans-serif;font-weight:300;line-height:1.4em;overflow-x:hidden}.section.header{overflow:hidden;position:relative;width:100%;height:26em;margin-bottom:3em}.section.footer{width:100%;padding:2.725em 2em 0;margin-bottom:0}#logo,.section.footer{background-color:#F2EEE5;background-image:-webkit-linear-gradient(rgba(200,200,200,.16) 1px,transparent 1px),-webkit-linear-gradient(0deg,rgba(200,200,200,.16) 1px,transparent 1px),-webkit-linear-gradient(rgba(200,200,200,.12) 1px,transparent 1px),-webkit-linear-gradient(0deg,rgba(200,200,200,.12) 1px,transparent 1px),-webkit-linear-gradient(rgba(200,200,200,.1) 1px,transparent 1px),-webkit-linear-gradient(0deg,rgba(200,200,200,.1) 1px,transparent 1px);background-image:-moz-linear-gradient(rgba(200,200,200,.16) 1px,transparent 1px),-moz-linear-gradient(0deg,rgba(200,200,200,.16) 1px,transparent 1px),-moz-linear-gradient(rgba(200,200,200,.12) 1px,transparent 1px),-moz-linear-gradient(0deg,rgba(200,200,200,.12) 1px,transparent 1px),-moz-linear-gradient(rgba(200,200,200,.1) 1px,transparent 1px),-moz-linear-gradient(0deg,rgba(200,200,200,.1) 1px,transparent 1px);background-image:-ms-linear-gradient(rgba(200,200,200,.16) 1px,transparent 1px),-ms-linear-gradient(0deg,rgba(200,200,200,.16) 1px,transparent 1px),-ms-linear-gradient(rgba(200,200,200,.12) 1px,transparent 1px),-ms-linear-gradient(0deg,rgba(200,200,200,.12) 1px,transparent 1px),-ms-linear-gradient(rgba(200,200,200,.1) 1px,transparent 1px),-ms-linear-gradient(0deg,rgba(200,200,200,.1) 1px,transparent 1px);background-size:4em 4em,4em 4em,1em 1em,1em 1em,.5em .5em,.5em .5em}.row:before,.row:after{content:"";display:table}.row:after{clear:both}.row{width:100%;max-width:56em;margin-left:auto;margin-right:auto}[class*=span]{display:block;float:left;padding:0 1em;margin-bottom:1.5em}.row .row>[class*=span]:first-child{padding-left:0}[class*=span] img{width:100%;height:auto}@media screen and (max-width:519px){[class*="-s6"]{width:100%}[class*="-s5"]{width:83.333333334%}[class*="-s4"]{width:66.666666667%}[class*="-s3"]{width:50%}[class*="-s2"]{width:33.333333333%}[class*="-s1"]{width:16.666666667%}}@media screen and (min-width:520px) and (max-width:799px){.container{padding:0 1em}[class*=span]{margin-bottom:2em}[class*="-m6"]{width:100%}[class*="-m5"]{width:83.333333334%}[class*="-m4"]{width:66.666666667%}[class*="-m3"]{width:50%}[class*="-m2"]{width:33.333333333%}[class*="-m1"]{width:16.666666667%}}@media screen and (min-width:800px){.container{padding:0 1em}[class*=span]{margin-bottom:2.5em}[class*="-l6"]{width:100%}[class*="-l5"]{width:83.333333334%}[class*="-l4"]{width:66.666666667%}[class*="-l3"]{width:50%}[class*="-l2"]{width:33.333333333%}[class*="-l1"]{width:16.666666667%}}.btn{float:none;display:inline-block;min-width:3.5em;height:3.5em;margin:0 .25em 1.5em;padding:0 1.5em;font-family:open_sansregular,sans-serif;font-size:1em;font-weight:400;text-decoration:none;line-height:3.4em;text-align:center;border-radius:3px;background-color:#F0EFEB;transition:background-color .2s ease,border .2s ease}.btn-small{height:2.5em;line-height:2.5em}.app-screen{pointer-events:none}.app-shortcut{display:none}.btn:hover,.btn:focus{outline:0}.btn-default{color:#606060;background-color:#F7F7F7;box-shadow:inset 0 0 0 1px rgba(0,0,0,.13)}.btn-default:hover,.btn-default:focus{color:#303030;background-color:#F0EFEB}.btn-default:active{color:#101010;background-color:#E8E5DC;box-shadow:inset 0 0 1px 1px rgba(0,0,0,.2)}.btn-primary{color:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);background-color:#09F}.btn-primary:hover,.btn-primary:focus{background-color:#0088E3}.btn-primary:active{background-color:#0077C6;box-shadow:inset 0 0 2px 1px rgba(0,0,0,.35)}.sub-title{font-size:1em}h2{font-family:open_sanslight,sans-serif;font-weight:300;font-size:1.8em;line-height:1.5em}.section-title{height:1.5em;margin-bottom:3em;text-align:center;border-bottom:1px dotted silver}.section-title h2{display:inline-block;padding:0 .75em;color:gray;background-color:#fff}strong{font-weight:700}.section.header{z-index:0;position:relative}.content{z-index:1;position:relative;padding-top:3em;background-color:#fff;text-align:center;border-top:1px solid #DAD7CF;border-bottom:1px solid #DAD7CF}.content-intro{margin-bottom:0}.content-intro-text-heading{margin-bottom:1.5em;font-size:1.2em;line-height:1.5em;color:#303030}.section.footer{text-align:center}.section.footer p{color:#505050;font-size:1.125em;line-height:1.75em;margin-bottom:1em}.section.footer a:not(.btn){color:#0088E3;font-weight:400;font-family:open_sansregular;text-decoration:none}.section.footer a:not(.btn):hover{color:#0077C6;text-decoration:underline}.section.footer .btn{margin-top:1.125em}.section.footer .footer-logo{text-align:center;display:inline-block;width:100px;height:100px;margin:0 0 1em}.section.footer .license{font-size:.75em}.content img{position:relative;border:1px solid rgba(0,0,0,.2);border-radius:3px}.content-intro-img-screen{margin-top:-10em}.content-how img,.content-examples img{width:80%;margin-bottom:1em}.content-how p,.content-examples p{margin-bottom:1em;text-align:center}.content-examples a{z-index:0;position:relative;margin-top:-1em;padding-top:1em;padding-bottom:.3em;border:1px solid transparent;transition:border .2s ease;border-radius:4px;text-decoration:none;color:#303030;font-weight:400}.content-examples a span{font-weight:300;font-size:.8em;line-height:2.5em}.example-shapes-green{color:#6C9}.example-shapes-orange{color:#F93}.example-shapes-red{color:#F66}img.browser-icon{width:15%;height:15%;border:0;margin-right:.25em;padding-bottom:.75em;border-radius:none}img.browser-icon:last-child{margin-right:0}#logo{margin:-13em 0 0 -100em}@media screen and (min-width:520px){.app-shortcut{display:inline-block}.sub-title{font-size:1.25em}.content{padding-top:3em}.section{margin-bottom:1.5em}.section.header{height:30em;margin-bottom:0}#logo{margin:-15em 0 0 -100em}.content-intro-text-heading{margin-bottom:1.25em;font-size:1.75em}.content-intro-text .btn{min-width:10em;margin-bottom:0}.content-intro-img{margin-bottom:1em;text-align:center}img.content-intro-img-screen{width:75%;margin:-9em auto 0}.content-how img,.content-examples img{width:100%}.browser-icons{margin-top:3em}img.browser-icon{width:10%;height:10%;margin-right:2em}}@media screen and (min-width:800px){*,:before,:after{-webkit-tap-highlight-color:#09F}.section.header{height:26em}#logo{margin:-13em 0 0 -100em}.content{text-align:left}.content-intro-text{white-space:nowrap;margin-top:-8px}.content-intro-text .btn{min-width:47%}.content-intro-text-heading{margin-bottom:1em;font-size:1.8em}.app-screen{pointer-events:auto}.app-screen:hover img{border-color:#09F}.app-screen:active img{border-color:#0088E3}img.content-intro-img-screen{width:100%;margin:0}.content-examples a:hover{border:1px solid #09F}.content-examples a:before{content:"Load \25B6";z-index:1;position:absolute;display:block;top:.5em;left:.5em;right:.5em;bottom:3em;font-family:open_sansregular;line-height:5.6em;text-align:center;font-size:2em;color:rgba(255,255,255,0);background-color:rgba(0,0,0,0);border-radius:3px;transition:background-color .2s ease,color .2s ease}.content-examples a:hover:before{color:rgba(255,255,255,1);background-color:rgba(0,0,0,.4)}.browser-icons{margin-top:1.5em;text-align:center}img.browser-icon{display:inline-block;margin-top:.75em;margin-right:1.8em;width:13%;height:13%}}#tridiv{perspective:800px;position:absolute;overflow:hidden;width:100%;height:100%;background:transparent;font-size:50%}.scene,.shape,.face,.face-wrapper,.cr{position:absolute;transform-style:preserve-3d}.scene{width:80em;height:80em;top:50%;left:50%;margin:-40em 0 0 -40em}.shape{top:50%;left:50%;width:0;height:0;transform-origin:50%}.face,.face-wrapper{overflow:hidden;transform-origin:0 0;backface-visibility:auto}.face{background-size:100% 100%!important;background-position:center}.face-wrapper .face{left:100%;width:100%;height:100%}.photon-shader{position:absolute;left:0;top:0;width:100%;height:100%}.side{left:50%}.cr,.cr .side{height:100%}[class*=pyramid] .face-wrapper .face{transform:rotateZ(45deg) translateX(-35.35%) translateY(35.35%)}[class*=pyramid] .bk{left:100%}[class*=pyramid] .bm{top:100%;transform:rotateX(-90deg) translateY(-50%)}[class*=pyramid] .rt,[class*=pyramid] .lt{transform-origin:50% 0}[class*=cylinder] .tp{transform:rotateX(90deg) translateY(-50%)}[class*=cylinder] .bm{transform:rotateX(-90deg) translateY(-50%)}[class*=cylinder] .tp,[class*=cylinder] .bm,[class*=cylinder] .tp .photon-shader,[class*=cylinder] .bm .photon-shader{border-radius:50%}[class*=cylinder] .bm{top:100%}[class*=prism] .ft,[class*=prism] .bk{width:100%;height:100%}[class*=prism] .bk{left:100%}[class*=prism] .rt{transform:rotateY(-90deg) translateX(-50%)}[class*=prism] .lt{transform:rotateY(90deg) translateX(-50%)}[class*=prism] .bm{transform:rotateX(-90deg) translateY(-50%)}[class*=prism] .lt{left:100%}[class*=prism] .bm{top:100%}[class*=prism] .rt .face{left:-100%;transform-origin:100% 0}[class*=cuboid] .ft,[class*=cuboid] .bk{width:100%;height:100%}[class*=cuboid] .bk{left:100%}[class*=cuboid] .rt{transform:rotateY(-90deg) translateX(-50%)}[class*=cuboid] .lt{transform:rotateY(90deg) translateX(-50%)}[class*=cuboid] .tp{transform:rotateX(90deg) translateY(-50%)}[class*=cuboid] .bm{transform:rotateX(-90deg) translateY(-50%)}[class*=cuboid] .lt{left:100%}[class*=cuboid] .bm{top:100%}.pyr-green{transform:translate3D(31em,0,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1;width:8em;height:5em;margin:-2.5em 0 0 -4em}.pyr-green .face-wrapper{width:8em;height:4em}.pyr-green .face-wrapper .face{width:8em;height:8em}.pyr-green .ft{transform:scaleZ(1.6007810593582121) scaleY(1.6007810593582121) rotateX(38.65980825409008deg)}.pyr-green .bk{transform:scaleZ(1.6007810593582121) scaleY(1.6007810593582121) rotateX(-38.65980825409008deg) rotateY(180deg)}.pyr-green .rt{transform:scaleX(1.6007810593582121) scaleY(1.6007810593582121) rotateZ(38.65980825409008deg) rotateY(-90deg)}.pyr-green .lt{transform:scaleX(1.6007810593582121) scaleY(1.6007810593582121) rotateZ(-38.65980825409008deg) rotateY(90deg)}.pyr-green .bm{width:8em;height:8em}.pyr-green .face{background-color:#d2f977}.cyl-blue{transform:translate3D(-28em,1.5em,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1;width:5.5em;height:6em;margin:-3em 0 0 -2.75em}.cyl-blue .tp,.cyl-blue .bm{width:5.5em;height:5.5em}.cyl-blue .side{width:1.2803391091458245em;height:6em}.cyl-blue .s0{transform:rotateY(12.857142857142858deg) translate3D(-50%,0,2.725em)}.cyl-blue .s1{transform:rotateY(38.57142857142857deg) translate3D(-50%,0,2.725em)}.cyl-blue .s2{transform:rotateY(64.28571428571429deg) translate3D(-50%,0,2.725em)}.cyl-blue .s3{transform:rotateY(90deg) translate3D(-50%,0,2.725em)}.cyl-blue .s4{transform:rotateY(115.71428571428572deg) translate3D(-50%,0,2.725em)}.cyl-blue .s5{transform:rotateY(141.42857142857144deg) translate3D(-50%,0,2.725em)}.cyl-blue .s6{transform:rotateY(167.14285714285714deg) translate3D(-50%,0,2.725em)}.cyl-blue .s7{transform:rotateY(192.85714285714286deg) translate3D(-50%,0,2.725em)}.cyl-blue .s8{transform:rotateY(218.57142857142858deg) translate3D(-50%,0,2.725em)}.cyl-blue .s9{transform:rotateY(244.2857142857143deg) translate3D(-50%,0,2.725em)}.cyl-blue .s10{transform:rotateY(270deg) translate3D(-50%,0,2.725em)}.cyl-blue .s11{transform:rotateY(295.7142857142857deg) translate3D(-50%,0,2.725em)}.cyl-blue .s12{transform:rotateY(321.4285714285714deg) translate3D(-50%,0,2.725em)}.cyl-blue .s13{transform:rotateY(347.1428571428571deg) translate3D(-50%,0,2.725em)}.cyl-blue .face,.cyl-blue .side{background-color:#09F}.pri-green{transform:translate3D(-9em,-.5em,0) rotateX(0deg) rotateY(0deg) rotateZ(-19.9deg);opacity:1;width:6.5em;height:6em;margin:-3em 0 0 -3.25em}.pri-green .rt .face{transform:rotateZ(-45deg)}.pri-green .lt .face{transform:rotateZ(45deg)}.pri-green .ft{height:8.48528137423857em;transform:translateZ(-3em) rotateX(45deg)}.pri-green .bk{transform:translateZ(-3em) rotateY(180deg)}.pri-green .rt,.pri-green .lt{width:6em;height:6em}.pri-green .rt .face,.pri-green .lt .face{height:8.48528137423857em}.pri-green .bm{width:6.5em;height:6em}.pri-green .face{background-color:#55f9bc}.cub-yellow{transform:translate3D(13.5em,0,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1;width:8em;height:5em;margin:-2.5em 0 0 -4em}.cub-yellow .ft{transform:translateZ(3em)}.cub-yellow .bk{transform:translateZ(-3em) rotateY(180deg)}.cub-yellow .rt,.cub-yellow .lt{width:6em;height:5em}.cub-yellow .tp,.cub-yellow .bm{width:8em;height:6em}.cub-yellow .face{background-color:#fffb5a}.cub-yellow .ft{width:8em;margin-left:0}.cub-yellow .bk{width:8em;margin-left:0}.cub-yellow .rt,.cub-yellow .lt{width:6em}.pyr-orange{transform:translate3D(-17em,.5em,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1;width:5.5em;height:11.5em;margin:-5.75em 0 0 -2.75em}.pyr-orange .face-wrapper{width:5.5em;height:2.75em}.pyr-orange .face-wrapper .face{width:5.5em;height:5.5em}.pyr-orange .ft{transform:scaleZ(4.299721305594716) scaleY(4.299721305594716) rotateX(13.448615051686525deg)}.pyr-orange .bk{transform:scaleZ(4.299721305594716) scaleY(4.299721305594716) rotateX(-13.448615051686525deg) rotateY(180deg)}.pyr-orange .rt{transform:scaleX(4.299721305594716) scaleY(4.299721305594716) rotateZ(13.448615051686525deg) rotateY(-90deg)}.pyr-orange .lt{transform:scaleX(4.299721305594716) scaleY(4.299721305594716) rotateZ(-13.448615051686525deg) rotateY(90deg)}.pyr-orange .bm{width:5.5em;height:5.5em}.pyr-orange .face{background-color:#fc0}.cub-6{transform:translate3D(6em,.5em,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1;width:5em;height:6.5em;margin:-3.25em 0 0 -2.5em}.cub-6 .ft{transform:translateZ(2.5em)}.cub-6 .bk{transform:translateZ(-2.5em) rotateY(180deg)}.cub-6 .rt,.cub-6 .lt{width:5em;height:6.5em}.cub-6 .tp,.cub-6 .bm{width:5em;height:5em}.cub-6 .face{background-color:#ff90d8}.cyl-7{transform:translate3D(19em,0,6.5em) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1;width:2.5em;height:12em;margin:-6em 0 0 -1.25em}.cyl-7 .tp,.cyl-7 .bm{width:2.5em;height:2.5em}.cyl-7 .side{width:.5956086859753749em;height:12em}.cyl-7 .s0{transform:rotateY(12.857142857142858deg) translate3D(-50%,0,1.225em)}.cyl-7 .s1{transform:rotateY(38.57142857142857deg) translate3D(-50%,0,1.225em)}.cyl-7 .s2{transform:rotateY(64.28571428571429deg) translate3D(-50%,0,1.225em)}.cyl-7 .s3{transform:rotateY(90deg) translate3D(-50%,0,1.225em)}.cyl-7 .s4{transform:rotateY(115.71428571428572deg) translate3D(-50%,0,1.225em)}.cyl-7 .s5{transform:rotateY(141.42857142857144deg) translate3D(-50%,0,1.225em)}.cyl-7 .s6{transform:rotateY(167.14285714285714deg) translate3D(-50%,0,1.225em)}.cyl-7 .s7{transform:rotateY(192.85714285714286deg) translate3D(-50%,0,1.225em)}.cyl-7 .s8{transform:rotateY(218.57142857142858deg) translate3D(-50%,0,1.225em)}.cyl-7 .s9{transform:rotateY(244.2857142857143deg) translate3D(-50%,0,1.225em)}.cyl-7 .s10{transform:rotateY(270deg) translate3D(-50%,0,1.225em)}.cyl-7 .s11{transform:rotateY(295.7142857142857deg) translate3D(-50%,0,1.225em)}.cyl-7 .s12{transform:rotateY(321.4285714285714deg) translate3D(-50%,0,1.225em)}.cyl-7 .s13{transform:rotateY(347.1428571428571deg) translate3D(-50%,0,1.225em)}.cyl-7 .face,.cyl-7 .side{background-color:#b984ff}.cub-red{transform:translate3D(-22.5em,0,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1;width:6em;height:6em;margin:-3em 0 0 -3em}.cub-red .ft{transform:translateZ(3em)}.cub-red .bk{transform:translateZ(-3em) rotateY(180deg)}.cub-red .rt,.cub-red .lt{width:6em;height:6em}.cub-red .tp,.cub-red .bm{width:6em;height:6em}.cub-red .face{background-color:#ff4d29}.pyr-green{transform:translate3D(33em,24em,-10em) rotateX(0deg) rotateY(180deg) rotateZ(0deg)}@keyframes pyr-green{0%{transform:translate3D(33em,24em,-10em) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}100%{transform:translate3D(33em,-20em,-10em) rotateX(180deg) rotateY(0deg) rotateZ(-270deg)}}.cyl-blue{transform:translate3D(-37em,24em,-10em) rotateX(0deg) rotateY(0deg) rotateZ(-120deg)}@keyframes cyl-blue{0%{transform:translate3D(-37em,24em,-10em) rotateX(0deg) rotateY(0deg) rotateZ(-120deg)}100%{transform:translate3D(-37em,-20em,-10em) rotateX(-45deg) rotateY(-180deg) rotateZ(-180deg)}}.pri-green{transform:translate3D(-12em,24em,-10em) rotateX(0deg) rotateY(0deg) rotateZ(-19.9deg)}@keyframes pri-green{0%{transform:translate3D(-12em,24em,-10em) rotateX(0deg) rotateY(180deg) rotateZ(0deg)}100%{transform:translate3D(-12em,-20em,-10em) rotateX(45deg) rotateY(-360deg) rotateZ(90deg)}}.cub-yellow{transform:translate3D(13.5em,24em,-10em) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}@keyframes cub-yellow{0%{transform:translate3D(13.5em,24em,-10em) rotateX(45deg) rotateY(0deg) rotateZ(90deg)}100%{transform:translate3D(13.5em,-20em,-10em) rotateX(-45deg) rotateY(90deg) rotateZ(0deg)}}.pyr-orange{transform:translate3D(-21em,24em,20em) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}@keyframes pyr-orange{0%{transform:translate3D(-21em,24em,20em) rotateX(-45deg) rotateY(-70deg) rotateZ(0deg)}100%{transform:translate3D(-21em,-20em,20em) rotateX(0deg) rotateY(100deg) rotateZ(30deg)}}.cub-6{transform:translate3D(27em,24em,-10em) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}@keyframes cub-6{0%{transform:translate3D(27em,24em,-10em) rotateX(-33deg) rotateY(-33deg) rotateZ(90deg)}100%{transform:translate3D(27em,-20em,-10em) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}}.cyl-7{transform:translate3D(19em,24em,6.5em) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}@keyframes cyl-7{0%{transform:translate3D(19em,24em,6.5em) rotateX(33deg) rotateY(0deg) rotateZ(-45deg)}100%{transform:translate3D(19em,-24em,6.5em) rotateX(0deg) rotateY(360deg) rotateZ(0deg)}}.cub-red{transform:translate3D(-26em,24em,-20em) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}@keyframes cub-red{0%{transform:translate3D(-26em,24em,-20em) rotateX(180deg) rotateY(180deg) rotateZ(20deg)}100%{transform:translate3D(-26em,-20em,-20em) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}}.pyr-green{animation:pyr-green 20s linear infinite 2s}.cyl-blue{animation:cyl-blue 16s linear infinite 5s}.pri-green{animation:pri-green 26s linear infinite 13s}.cub-yellow{animation:cub-yellow 22s linear infinite 6s}.pyr-orange{animation:pyr-orange 26s linear infinite 0s}.cub-6{animation:cub-6 21s linear infinite 15s}.cyl-7{animation:cyl-7 18s linear infinite 9s}.cub-red{animation:cub-red 20s linear infinite 11s}#backShapes{font-size:75%;width:0;display:none}#backShapes.active{overflow:hidden;display:block;width:auto;height:100%}@media screen and (min-width:520px){#backShapes{font-size:100%}}@media screen and (min-width:800px){#backShapes{font-size:100%}}#logo{z-index:0;position:absolute;display:none;font-size:100%;top:50%;left:50%;width:200em;height:100%}#logo.active{display:block}.anime{z-index:0;position:absolute;width:80em;height:80em;top:50%;left:50%;margin:-38.75em 0 0 -40em;transform-style:preserve-3d;transform:rotateX(30deg) rotateY(0deg)}.cursor{z-index:10;position:absolute;left:50%;top:50%;margin:-1em 0 0 -1em;width:32px;height:32px;background-image:url(../img/cursors-sprite.png);background-size:128px 32px;transform-style:preserve-3d;transform:translate3D(24em,16em,10em)}.tridiv{z-index:1;position:absolute;left:50%;top:50%;width:14em;height:2em;margin:1.5em 0 0 -7em;text-align:center;transform-style:preserve-3d;transform:translate3D(0em,-.5em,0) scale(1);background:url(../img/tridiv-letters.png) no-repeat center center;background-size:216px 32px}h1{text-transform:uppercase;text-indent:100%;white-space:nowrap;overflow:hidden}.sub-title{z-index:1;position:absolute;display:block;top:50%;margin-top:2.5em;height:4em;width:100%;font-family:open_sanslight,sans-serif;font-weight:100;text-align:center;line-height:4em;color:gray}.box{position:absolute;top:50%;left:50%;width:0;height:0;cursor:default;transform-style:preserve-3d;transform-origin:50%}.box>div{box-sizing:border-box;position:absolute;transform-origin:0 0;transform-style:preserve-3d}.cuboid .ft,.cuboid .bk{width:100%;height:100%}.box .bk{left:100%}.box .rt{transform:rotateY(-90deg) translateX(-50%)}.box .lt{transform:rotateY(90deg) translateX(-50%);left:100%}.box .tp{transform:rotateX(90deg) translateY(-50%)}.box-left{width:8em;height:3.5em;margin:-1.75em 0 0 -4em;transform:translate3D(.8em,-7.5em,0) rotateX(0deg) rotateY(135deg) rotateZ(0deg)}.box-left .ft{transform:translateZ(4em);background-color:#009AFF}.box-left .rt{width:8em;height:3.5em;background-color:#FA7F7A}.box-left .tp{width:8em;height:8em}.box-right{width:8em;height:3.5em;margin:-1.75em 0 0 -4em;transform:translate3D(-.8em,-7.5em,0) rotateX(0deg) rotateY(135deg) rotateZ(0deg)}.box-right .bk{transform:translateZ(-4em) rotateY(180deg);background-color:#009AFF}.box-right .lt{width:8em;height:3.5em;background-color:#FA7F7A}.box-left .ft{background-image:url(../img/logo-shadow-ft.png);background-repeat:no-repeat;background-position:0 0}.box-right .lt{background-image:url(../img/logo-shadow-lt.png);background-repeat:no-repeat;background-position:0 0}.selected{opacity:0}.handles-wrapper{border:1px solid #09F;background-color:rgba(0,153,255,.2)}.handles,.handles-wrapper{z-index:1;position:absolute;width:100%;height:100%}.handles-rotate{z-index:0;box-sizing:content-box;top:50%;left:50%;width:50%;height:2px;padding-left:32px;border-top:1px dotted #0085DE}.handle{position:absolute;width:13px;height:13px;margin:-6px 0 0 -6px;background-color:#FFF;border:1px solid #0085DE}.handle.circle{width:18px;height:18px;margin:-10px 0 0 -9px;border-radius:50%}.n{left:50%;top:0}.ne{left:100%;top:0}.nec{left:85%;top:15%}.e{left:100%;top:50%}.se{left:100%;top:100%}.sec{left:85%;top:85%}.s{left:50%;top:100%}.sw{left:0;top:100%}.swc{left:15%;top:85%}.w{left:0;top:50%}.nw{left:0;top:0}.c{left:50%;top:50%}.cursor{animation:cursor 8s ease}.handles-wrapper{animation:handles-wrapper .6s ease}.tp.selected{animation:selected 8s ease}.tridiv{animation:tridiv 8s ease}.box-left{animation:box-left 8s ease}.box-right{animation:box-right 8s ease}.box>div{animation:materials 8s ease}.box-left .ft{animation:materials-ft 8s ease}.box-right .lt{animation:materials-lt 8s ease}.sub-title{animation:sub-title 8s ease}.social-buttons{animation:social 8.3s ease}@keyframes handles-wrapper{0%{transform:scale(.0001)}60%{transform:scale(1.1)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes cursor{0%{transform:translate3D(24em,16em,10em)}10%{transform:translate3D(12.5em,.75em,10em)}15%{transform:translate3D(12.5em,.75em,10em)}20%{transform:translate3D(4.25em,.75em,10em)}22%{transform:translate3D(4.25em,.75em,10em)}28%{transform:translate3D(.25em,-8em,10em)}30%{transform:translate3D(.25em,-8em,10em)}35%{transform:translate3D(.25em,-3.25em,10em)}37%{transform:translate3D(.25em,-3.25em,10em)}42%{transform:translate3D(6.25em,.75em,10em)}45%{transform:translate3D(6.25em,.75em,10em)}50%{transform:translate3D(5.25em,-2.75em,10em)}54%{transform:translate3D(5.25em,-2.75em,10em)}56%{transform:translate3D(4.25em,10.75em,10em)}70%{transform:translate3D(6.25em,7.75em,10em)}80%{transform:translate3D(8em,8em,10em)}100%{transform:translate3D(24em,16em,10em)}}@keyframes selected{0%{width:24em;height:18em;margin:-5em 0 0 -8em;opacity:1}15%{width:24em;height:18em;margin:-5em 0 0 -8em;opacity:1}20%{width:8em;height:18em;margin:-5em 0 0 0;opacity:1}30%{width:8em;height:18em;margin:-5em 0 0 0;opacity:1}35%{width:8em;height:8em;margin:0;opacity:1}45%{width:8em;height:8em;margin:0;opacity:1}54%{width:8em;height:8em;margin:0;opacity:1}70%{width:8em;height:8em;margin:0;opacity:0}100%{width:8em;height:8em;margin:0;opacity:0}}@keyframes box-left{0%{transform:translate3D(0em,-1.5em,0) rotateX(-120deg) rotateY(1800deg) rotateZ(0deg)}45%{transform:translate3D(0em,-1.5em,0) rotateX(-120deg) rotateY(1800deg) rotateZ(0deg)}50%{transform:translate3D(0em,-1.5em,0) rotateX(-120deg) rotateY(1833deg) rotateZ(0deg)}54%{transform:translate3D(0em,-1.5em,0) rotateX(-120deg) rotateY(1833deg) rotateZ(0deg)}83%{transform:translate3D(0em,-6em,0) rotateX(15deg) rotateY(125deg) rotateZ(0deg)}84%{transform:translate3D(0em,-6em,0) rotateX(15deg) rotateY(125deg) rotateZ(0deg)}87%{transform:translate3D(1.1em,-6em,0) rotateX(15deg) rotateY(140deg) rotateZ(0deg)}96%{transform:translate3D(.8em,-6em,0) rotateX(15deg) rotateY(135deg) rotateZ(0deg)}98%{transform:translate3D(.8em,-8.5em,0) rotateX(-8deg) rotateY(135deg) rotateZ(0deg)}100%{transform:translate3D(.8em,-7.5em,0) rotateX(0deg) rotateY(135deg) rotateZ(0deg)}}@keyframes box-right{0%{transform:translate3D(0em,-1.5em,0) rotateX(-120deg) rotateY(1800deg) rotateZ(0deg)}45%{transform:translate3D(0em,-1.5em,0) rotateX(-120deg) rotateY(1800deg) rotateZ(0deg)}50%{transform:translate3D(0em,-1.5em,0) rotateX(-120deg) rotateY(1833deg) rotateZ(0deg)}54%{transform:translate3D(0em,-1.5em,0) rotateX(-120deg) rotateY(1833deg) rotateZ(0deg)}83%{transform:translate3D(0em,-6em,0) rotateX(15deg) rotateY(125deg) rotateZ(0deg)}84%{transform:translate3D(0em,-6em,0) rotateX(15deg) rotateY(125deg) rotateZ(0deg)}87%{transform:translate3D(-1.1em,-6em,0) rotateX(15deg) rotateY(140deg) rotateZ(0deg)}96%{transform:translate3D(-.8em,-6em,0) rotateX(15deg) rotateY(135deg) rotateZ(0deg)}98%{transform:translate3D(-.8em,-8.5em,0) rotateX(-8deg) rotateY(135deg) rotateZ(0deg)}100%{transform:translate3D(-.8em,-7.5em,0) rotateX(0deg) rotateY(135deg) rotateZ(0deg)}}@keyframes tridiv{0%{opacity:0;transform:translate3D(0em,1em,0) scale(.75)}60%{opacity:0;transform:translate3D(0em,1em,0) scale(.75)}83%{opacity:1;transform:translate3D(0em,1em,0) scale(.75)}84%{opacity:1;transform:translate3D(0em,1em,0) scale(.75)}87%{opacity:1;transform:translate3D(0em,1em,0) scale(1.1)}96%{opacity:1;transform:translate3D(0em,1em,0) scale(1)}98%{opacity:1;transform:translate3D(0em,-1.5em,0) scale(1)}100%{opacity:1;transform:translate3D(0em,-.5em,0) scale(1)}}@keyframes sub-title{0%{transform:translate3D(0em,20em,0)}92%{transform:translate3D(0em,20em,0)}98%{transform:translate3D(0em,-1em,0)}100%{transform:translate3D(0em,0,0)}}@keyframes social{0%{transform:translateY(20em)}92%{transform:translateY(20em)}98%{transform:translateY(-1em);opacity:1}100%{transform:translateY(0em);opacity:1}}@keyframes materials{0%{background-color:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9)}50%{background-color:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9)}96%{box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}100%{}}@keyframes materials-ft{0%{background-color:transparent;background-position:-5em -2em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9)}50%{background-color:transparent;background-position:-5em -2em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9)}96%{background-position:-5em -2em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}98%{background-position:-2.5em -0em}100%{background-position:0 0}}@keyframes materials-lt{0%{background-color:transparent;background-position:5em -2em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9)}50%{background-color:transparent;background-position:5em -2em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9)}96%{background-position:5em -2em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}98%{background-position:2.5em -0em}100%{background-position:0 0}}.social-buttons{display:none}@media screen and (min-width:800px){.social-buttons{display:block;z-index:99;position:absolute;left:50%;width:26em;padding-left:1.25em;margin:22em 0 0 -13em;line-height:20px}.social-btn{overflow:hidden;display:inline-block;height:20px;margin:-2px 4px 0 0}.social-btn-hn{width:84px}.social-btn-tw{width:102px}.social-btn-gp{width:76px}.social-btn-fb{width:88px}.fb-wrap{position:relative;overflow:hidden;display:inline-block;width:90px;height:20px}.fb-wrap div{position:absolute;top:0;left:0}}