a,h3,li,ul{margin:0;padding:0}#mask,.logo>li{position:absolute}.menuHidden,.noSelect{pointer-events:none}li,ul{list-style:none}a{display:block;text-decoration:none}@font-face{font-family:Quicksand;src:url(../../fonts/Quicksand-Regular.woff2) format("woff2"),url(../../fonts/Quicksand-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body{font-family:Quicksand,sans-serif;background:#111;margin:0 0 20px;text-align:center;font-size:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{width:0}.hidden{display:none}#mask{width:400px;height:400px;-webkit-transform:rotate(135deg);transform:rotate(135deg);left:50%;top:50%;margin:-200px 0 0 -200px;border:1px solid #999;cursor:pointer;z-index:2}.body,.content,.content>ul>a{position:relative}.code:hover,.ui:hover,.ux:hover,.vic:hover{margin-right:-50px}.body{margin-top:70px;display:inline-block;-webkit-transition:.5s;transition:.5s}.menu,.menu>a{-webkit-transition:.5s}.menu{float:left;width:360px;height:500px;transition:.5s}.menu>a{-webkit-transform:rotateX(20deg) rotateY(-45deg) translateX(0);transform:rotateX(20deg) rotateY(-45deg) translateX(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;opacity:0;cursor:pointer;box-sizing:border-box;color:#fff;border:1px solid #fff;line-height:50px;padding:0 10px;margin-bottom:10px;transition:.5s;font-weight:700;font-size:16px}@-webkit-keyframes translate{0%{-webkit-transform:rotateX(20deg) rotateY(-45deg) translateX(200px);transform:rotateX(20deg) rotateY(-45deg) translateX(200px);opacity:0}100%{-webkit-transform:rotateX(20deg) rotateY(-45deg) translateX(0);transform:rotateX(20deg) rotateY(-45deg) translateX(0);opacity:1}}@keyframes translate{0%{-webkit-transform:rotateX(20deg) rotateY(-45deg) translateX(200px);transform:rotateX(20deg) rotateY(-45deg) translateX(200px);opacity:0}100%{-webkit-transform:rotateX(20deg) rotateY(-45deg) translateX(0);transform:rotateX(20deg) rotateY(-45deg) translateX(0);opacity:1}}.ui{-webkit-animation:.5s translate forwards;animation:.5s translate forwards;-webkit-animation-delay:1s;animation-delay:1s}.code,.ux{-webkit-animation:.5s translate forwards}.ui:hover{-webkit-transition:.5s;transition:.5s;background:#E91E63;color:#fff}.ui:active{background:#c1134e}.ui:hover+a+a+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.ui:hover+a+a+a+div>div>ul .left_1,.ui:hover+a+a+a+div>div>ul .left_2,.ui:hover+a+a+a+div>div>ul .left_3{width:200px;height:200px;border-right-color:#E91E63;border-right-width:10px}.ui:hover+a+a+a+div>div>ul .front_1{width:200px;height:200px;-webkit-transform:rotate(0) translateZ(100px) translateX(-220px);transform:rotate(0) translateZ(100px) translateX(-220px);opacity:0}.ui:hover+a+a+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.ui:hover+a+a+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(100px) rotateX(90deg);transform:translateZ(0) translateY(100px) rotateX(90deg);width:200px;height:200px;border-bottom-color:#E91E63;border-bottom-width:10px}.ui:hover+a+a+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0)}.ui:hover+a+a+a+div>div>ul .left_2{-webkit-transform:rotateY(-90deg) translateZ(210px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(210px) translateY(0) translateX(0)}.ui:hover+a+a+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0)}.ux{animation:.5s translate forwards;-webkit-animation-delay:1.1s;animation-delay:1.1s}.ux:hover{-webkit-transition:.5s;transition:.5s;background:#2196F3;color:#fff}.ux:active{background:#0c7cd5}.ux:hover+a+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.ux:hover+a+a+div>div>ul .front_1,.ux:hover+a+a+div>div>ul .left_1,.ux:hover+a+a+div>div>ul .left_2,.ux:hover+a+a+div>div>ul .left_3{width:200px;border-right-color:#2196F3;border-right-width:10px}.ux:hover+a+a+div>div>ul .front_1{-webkit-transform:rotateZ(45deg) rotateY(-90deg) translateZ(200px) translateY(210px) translateX(0);transform:rotateZ(45deg) rotateY(-90deg) translateZ(200px) translateY(210px) translateX(0);height:220px}.ux:hover+a+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.ux:hover+a+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(100px) rotateX(90deg);transform:translateZ(0) translateY(100px) rotateX(90deg);width:200px;height:200px;border-bottom-color:#2196F3;border-bottom-width:10px}.ux:hover+a+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);height:200px}.ux:hover+a+a+div>div>ul .left_2{-webkit-transform:rotateZ(-45deg) rotateY(-90deg) translateZ(210px) translateY(-200px) translateX(0);transform:rotateZ(-45deg) rotateY(-90deg) translateZ(210px) translateY(-200px) translateX(0);height:220px}.ux:hover+a+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);height:200px}.code{animation:.5s translate forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.code:hover{-webkit-transition:.5s;transition:.5s;background:#4CAF50;color:#fff}.logo,.vic:hover{-webkit-transition:.5s}.code:active{background:#3d8b40}.code:hover+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.code:hover+a+div>div>ul .front_1,.code:hover+a+div>div>ul .left_1,.code:hover+a+div>div>ul .left_2,.code:hover+a+div>div>ul .left_3{border-right-color:#4CAF50;border-right-width:10px;width:200px}.code:hover+a+div>div>ul .front_1{-webkit-transform:rotateZ(45deg) rotateY(-90deg) translateZ(250px) translateY(260px) translateX(0);transform:rotateZ(45deg) rotateY(-90deg) translateZ(250px) translateY(260px) translateX(0);height:200px}.code:hover+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.code:hover+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(140px) rotateX(90deg) rotateY(-45deg);transform:translateZ(0) translateY(140px) rotateX(90deg) rotateY(-45deg);width:200px;height:200px;border-bottom-color:#4CAF50;border-bottom-width:10px}.code:hover+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) rotateX(-15deg) translateZ(180px) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-15deg) translateZ(180px) translateY(0) translateX(0);height:260px}.code:hover+a+div>div>ul .left_2{-webkit-transform:rotateZ(-45deg) rotateY(-90deg) translateZ(360px) translateY(-150px) translateX(0);transform:rotateZ(-45deg) rotateY(-90deg) translateZ(360px) translateY(-150px) translateX(0);height:200px}.code:hover+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) rotateX(-45deg) translateZ(0) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-45deg) translateZ(0) translateY(0) translateX(0);height:200px}.vic{-webkit-animation:.5s translate forwards;animation:.5s translate forwards;-webkit-animation-delay:1.3s;animation-delay:1.3s}.vic:hover{transition:.5s;background:#FF9800;color:#fff}.vic:active{background:#cc7a00}.vic:hover+div>div>ul>li{border-color:rgba(255,255,255,.3)}.vic:hover+div>div>ul .front_1,.vic:hover+div>div>ul .front_2,.vic:hover+div>div>ul .left_1,.vic:hover+div>div>ul .left_2,.vic:hover+div>div>ul .left_3{border-right-color:#FF9800;border-right-width:10px}.vic:hover+div>div>ul .front_1{-webkit-transform:rotateZ(0) rotateY(-90deg) translateZ(230px) translateY(0) translateX(0);transform:rotateZ(0) rotateY(-90deg) translateZ(230px) translateY(0) translateX(0);width:200px;height:200px}.vic:hover+div>div>ul .front_2{-webkit-transform:rotateZ(-90deg) rotateY(-90deg) translateZ(-50px) translateY(-280px) translateX(0);transform:rotateZ(-90deg) rotateY(-90deg) translateZ(-50px) translateY(-280px) translateX(0);width:200px;height:100px}.logo,.logo .front_1,.logo .front_2,.logo .front_3,.logo .left_1,.logo .left_2,.logo .left_3,.vic:hover+div>div>ul .front_3,.vic:hover+div>div>ul .left_1,.vic:hover+div>div>ul .left_3{width:200px;height:200px}.vic:hover+div>div>ul .front_3{-webkit-transform:translateZ(0) translateX(100px) translateY(0) rotateX(90deg) rotateY(-60deg);transform:translateZ(0) translateX(100px) translateY(0) rotateX(90deg) rotateY(-60deg);border-bottom-color:#FF9800;border-bottom-width:10px}.vic:hover+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) rotateX(0) translateZ(130px) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(0) translateZ(130px) translateY(0) translateX(0)}.vic:hover+div>div>ul .left_2{-webkit-transform:rotateZ(-90deg) rotateY(-90deg) translateZ(150px) translateY(-280px) translateX(0);transform:rotateZ(-90deg) rotateY(-90deg) translateZ(150px) translateY(-280px) translateX(0);width:200px;height:100px}.vic:hover+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) rotateX(-30deg) translateZ(0) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-30deg) translateZ(0) translateY(0) translateX(0)}.logo{margin:30px auto 0;-webkit-transform:rotateX(20deg) rotateY(135deg) scale3d(.7,.7,.7);transform:rotateX(20deg) rotateY(135deg) scale3d(.7,.7,.7);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:.5s}.logo>li{-webkit-transition:.5s;transition:.5s;cursor:pointer;box-sizing:border-box;border:2px solid #fff}.back,.close{display:none;position:absolute;top:-6px;border-left:22px solid #111;border-right:22px solid #111;cursor:pointer}.logo .front_1{-webkit-transform:rotate(0) translateZ(50px);transform:rotate(0) translateZ(50px)}.logo .front_2{-webkit-transform:translateZ(0);transform:translateZ(0)}.logo .front_3{-webkit-transform:translateZ(-50px);transform:translateZ(-50px)}.logo .left_1{-webkit-transform:rotateY(-90deg) translateZ(50px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(50px) translateY(0) translateX(0)}.logo .left_2{-webkit-transform:rotateY(-90deg) translateZ(0) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(0) translateY(0) translateX(0)}.logo .left_3{-webkit-transform:rotateY(-90deg) translateZ(-50px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(-50px) translateY(0) translateX(0)}.logo_animation{-webkit-animation:1.2s logoRotate forwards;animation:1.2s logoRotate forwards}@-webkit-keyframes logoRotate{0%{-webkit-transform:rotateX(40deg) rotateY(495deg) scale3d(0,0,0);transform:rotateX(40deg) rotateY(495deg) scale3d(0,0,0)}100%{-webkit-transform:rotateX(20deg) rotateY(135deg) scale3d(.7,.7,.7);transform:rotateX(20deg) rotateY(135deg) scale3d(.7,.7,.7)}}@keyframes logoRotate{0%{-webkit-transform:rotateX(40deg) rotateY(495deg) scale3d(0,0,0);transform:rotateX(40deg) rotateY(495deg) scale3d(0,0,0)}100%{-webkit-transform:rotateX(20deg) rotateY(135deg) scale3d(.7,.7,.7);transform:rotateX(20deg) rotateY(135deg) scale3d(.7,.7,.7)}}.hover-in{-webkit-transition:.3s ease-out;transition:.3s ease-out}.hover-out{-webkit-transition:.3s ease-in;transition:.3s ease-in}.close{left:-21px;width:16px;height:16px;background:#111;-webkit-transition:.3s;transition:.3s}.close>div:first-child{-webkit-transform:rotate(0) translateX(-1px) translateY(5px);transform:rotate(0) translateX(-1px) translateY(5px);width:19px;height:1px;background:#aaa;-webkit-transition:.5s;transition:.5s}.close>div:nth-child(2){-webkit-transform:rotate(0) translateX(-1px) translateY(8px);transform:rotate(0) translateX(-1px) translateY(8px);width:19px;height:1px;background:#aaa;opacity:1;-webkit-transition:.5s;transition:.5s}.close>div:last-child{-webkit-transform:rotate(0) translateX(-1px) translateY(11px);transform:rotate(0) translateX(-1px) translateY(11px);width:19px;height:1px;background:#aaa;-webkit-transition:.5s;transition:.5s}.close:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.close:hover>div:first-child{-webkit-transform:rotate(45deg) translateX(4px) translateY(5px);transform:rotate(45deg) translateX(4px) translateY(5px);background:#fff}.close:hover>div:nth-child(2){opacity:0}.close:hover>div:last-child{-webkit-transform:rotate(-45deg) translateX(-5px) translateY(2px);transform:rotate(-45deg) translateX(-5px) translateY(2px);background:#fff}.close:active{-webkit-transform:scale(1);transform:scale(1)}.close:active>div:first-child{-webkit-transform:rotate(45deg) translateX(4px) translateY(5px);transform:rotate(45deg) translateX(4px) translateY(5px);background:#fff}.close:active>div:nth-child(2){opacity:0}.close:active>div:last-child{-webkit-transform:rotate(-45deg) translateX(-5px) translateY(2px);transform:rotate(-45deg) translateX(-5px) translateY(2px);background:#fff}.back{left:-22px;width:16px;height:16px;background:#111;-webkit-transition:.3s;transition:.3s}.back>div:first-child{-webkit-transform:rotate(-40deg) translateX(-5px) translateY(3px);transform:rotate(-40deg) translateX(-5px) translateY(3px);width:10px;height:1px;background:#aaa;-webkit-transition:.5s;transition:.5s}.back>div:nth-child(2){-webkit-transform:rotate(0) translateX(-1px) translateY(8px);transform:rotate(0) translateX(-1px) translateY(8px);width:19px;height:1px;background:#aaa;opacity:0;-webkit-transition:.5s;transition:.5s}.back>div:last-child{-webkit-transform:rotate(40deg) translateX(5px) translateY(9px);transform:rotate(40deg) translateX(5px) translateY(9px);width:10px;height:1px;background:#aaa;-webkit-transition:.5s;transition:.5s}.back:active>div,.back:hover>div,.content>ul>a>div{background:#fff}.content,.content>ul>a{-webkit-transition:.5s}.back:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.back:active{-webkit-transform:scale(1);transform:scale(1)}.content{display:block;margin-left:450px;margin-top:-48px;vertical-align:top;border-top:1px solid #fff;width:0;transition:.5s;text-align:left}.content>ul>a,.detailShow>ul,.detailShow>ul>h3{text-align:center}.content>ul{margin-left:-20px}.content>ul>a{cursor:pointer;margin:20px 0 0 20px;width:160px;height:190px;display:inline-block;opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);-webkit-animation:.8s li_show forwards;animation:.8s li_show forwards;transition:.5s}@-webkit-keyframes li_show{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes li_show{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.content>ul>a>div{position:absolute;top:0;width:100%;height:100%;overflow:hidden;-webkit-transition:.5s;transition:.5s}.content>ul>a>div:hover{top:-10px;box-shadow:0 0 20px #000}.content>ul>a>div:active{top:-5px}.content>ul>a>div>img{width:140px;height:140px;margin:10px 10px 0}.content>ul>a>div>h3{margin:0 10px 5px;color:#666;line-height:35px;font-size:13px;width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detailHide>img{width:0;height:auto;-webkit-transition:.5s;transition:.5s}.detailHide>h3{color:#fff;line-height:35px;font-size:0;margin-bottom:5px;width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s}.detailShow>ul>img{display:inline-block;max-width:700px;cursor:zoom-in;margin:20px 0 0 20px;height:auto;-webkit-transition:.5s;transition:.5s;opacity:0;-webkit-animation:1s img_show forwards;animation:1s img_show forwards}.detailShow>ul>h3,.detailShow>ul>p{opacity:0;color:#fff;-webkit-transition:.5s;width:700px}.detailShow>ul>h3{line-height:35px;font-size:30px;margin:20px 0 20px 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.5s;-webkit-animation:1s img_show forwards;animation:1s img_show forwards}.detailShow>ul>p{text-align:left;margin-left:20px;line-height:25px;font-size:15px;transition:.5s;-webkit-animation:1s img_show forwards;animation:1s img_show forwards}.chrome,.ui_left .ui{-webkit-transition:.5s}.detailShow>ul>p>a{display:inline;font-size:15px;color:#ff398d;font-weight:700}.aboutme_left,.aboutme_right,.showBigImg>ul,.showBigImg>ul>img{display:inline-block}.ui_left .code:hover,.ui_left .ui,.ui_left .ux:hover{color:#fff;margin-right:-50px}.detailShow>ul>iframe{border:none;margin-left:20px;width:700px;height:700px}@-webkit-keyframes img_show{0%{opacity:0}100%{opacity:1}}@keyframes img_show{0%{opacity:0}100%{opacity:1}}.topZero{width:100%;margin:0}.menuHidden{opacity:0;width:0}.showBigImg{text-align:center;border:0;position:absolute;width:100%!important;margin:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.showBigImg>ul{margin:0 auto}.showBigImg>ul>h3,.showBigImg>ul>img,.showBigImg>ul>p{width:auto!important;margin:0}.showBigImg>ul>img{cursor:zoom-out;max-width:none!important}.showBigImg>ul>h3{padding:20px}.showBigImg>ul>p{padding:0 20px 20px}.chrome{transition:.5s;width:470px;height:auto;display:block;margin:100px auto 0}.chrome img{width:100%;height:100%}.chrome:hover{width:500px}.chrome:active{width:470px}.ui_left .content{width:700px}.ui_left .ui{background:#E91E63;transition:.5s}.ui_left .ui+a+a+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.ui_left .ui+a+a+a+div>div>ul .left_1,.ui_left .ui+a+a+a+div>div>ul .left_2,.ui_left .ui+a+a+a+div>div>ul .left_3{height:200px;border-right-color:#E91E63;width:200px;border-right-width:10px}.ui_left .ui+a+a+a+div>div>ul .front_1{width:200px;height:200px;-webkit-transform:rotate(0) translateZ(100px) translateX(-220px);transform:rotate(0) translateZ(100px) translateX(-220px);opacity:0}.ui_left .ui+a+a+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.ui_left .ui+a+a+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(100px) rotateX(90deg);transform:translateZ(0) translateY(100px) rotateX(90deg);width:200px;height:200px;border-bottom-color:#E91E63;border-bottom-width:10px}.ui_left .ui+a+a+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0)}.ui_left .ui+a+a+a+div>div>ul .left_2{-webkit-transform:rotateY(-90deg) translateZ(210px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(210px) translateY(0) translateX(0)}.ui_left .ui+a+a+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0)}.ui_left .ux:hover{-webkit-transition:.5s;transition:.5s;background:#2196F3}.ui_left .ux:active{background:#0c7cd5}.ui_left .ux:hover+a+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.ui_left .ux:hover+a+a+div>div>ul .front_1{-webkit-transform:rotateZ(45deg) rotateY(-90deg) translateZ(200px) translateY(210px) translateX(0);transform:rotateZ(45deg) rotateY(-90deg) translateZ(200px) translateY(210px) translateX(0);width:200px;height:220px;border-right-color:#2196F3;border-right-width:10px;opacity:1}.ui_left .ux:hover+a+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.ui_left .ux:hover+a+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(100px) rotateX(90deg);transform:translateZ(0) translateY(100px) rotateX(90deg);width:200px;height:200px;border-bottom-color:#2196F3;border-bottom-width:10px}.ui_left .ux:hover+a+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);width:200px;height:200px;border-right-color:#2196F3;border-right-width:10px}.ui_left .ux:hover+a+a+div>div>ul .left_2{-webkit-transform:rotateZ(-45deg) rotateY(-90deg) translateZ(210px) translateY(-200px) translateX(0);transform:rotateZ(-45deg) rotateY(-90deg) translateZ(210px) translateY(-200px) translateX(0);width:200px;height:220px;border-right-color:#2196F3;border-right-width:10px}.ui_left .ux:hover+a+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);width:200px;height:200px;border-right-color:#2196F3;border-right-width:10px}.ui_left .code:hover+a+div>div>ul>li,.ui_left .vic:hover+div>div>ul>li,.ux_left .ui:hover+a+a+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.ui_left .code:hover{-webkit-transition:.5s;transition:.5s;background:#4CAF50}.ui_left .code:active{background:#3d8b40}.ui_left .code:hover+a+div>div>ul .front_1,.ui_left .code:hover+a+div>div>ul .left_1,.ui_left .code:hover+a+div>div>ul .left_2,.ui_left .code:hover+a+div>div>ul .left_3{width:200px;border-right-color:#4CAF50;border-right-width:10px}.ui_left .code:hover+a+div>div>ul .front_1{-webkit-transform:rotateZ(45deg) rotateY(-90deg) translateZ(250px) translateY(260px) translateX(0);transform:rotateZ(45deg) rotateY(-90deg) translateZ(250px) translateY(260px) translateX(0);height:200px;opacity:1}.ui_left .code:hover+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.ui_left .code:hover+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(140px) rotateX(90deg) rotateY(-45deg);transform:translateZ(0) translateY(140px) rotateX(90deg) rotateY(-45deg);width:200px;height:200px;border-bottom-color:#4CAF50;border-bottom-width:10px}.ui_left .code:hover+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) rotateX(-15deg) translateZ(180px) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-15deg) translateZ(180px) translateY(0) translateX(0);height:260px}.ui_left .code:hover+a+div>div>ul .left_2{-webkit-transform:rotateZ(-45deg) rotateY(-90deg) translateZ(360px) translateY(-150px) translateX(0);transform:rotateZ(-45deg) rotateY(-90deg) translateZ(360px) translateY(-150px) translateX(0);height:200px}.ui_left .code:hover+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) rotateX(-45deg) translateZ(0) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-45deg) translateZ(0) translateY(0) translateX(0);height:200px}.ui_left .vic:hover{margin-right:-50px;-webkit-transition:.5s;transition:.5s;background:#FF9800;color:#fff}.ux_left .ui:hover,.ux_left .ux{-webkit-transition:.5s;color:#fff;margin-right:-50px}.ui_left .vic:active{background:#cc7a00}.ui_left .vic:hover+div>div>ul .front_1,.ui_left .vic:hover+div>div>ul .front_2,.ui_left .vic:hover+div>div>ul .left_1,.ui_left .vic:hover+div>div>ul .left_2,.ui_left .vic:hover+div>div>ul .left_3{width:200px;border-right-color:#FF9800;border-right-width:10px}.ui_left .vic:hover+div>div>ul .front_1{-webkit-transform:rotateZ(0) rotateY(-90deg) translateZ(230px) translateY(0) translateX(0);transform:rotateZ(0) rotateY(-90deg) translateZ(230px) translateY(0) translateX(0);height:200px;opacity:1}.ui_left .vic:hover+div>div>ul .front_2{-webkit-transform:rotateZ(-90deg) rotateY(-90deg) translateZ(-50px) translateY(-280px) translateX(0);transform:rotateZ(-90deg) rotateY(-90deg) translateZ(-50px) translateY(-280px) translateX(0);height:100px;opacity:1}.ui_left .vic:hover+div>div>ul .front_3{-webkit-transform:translateZ(0) translateX(100px) translateY(0) rotateX(90deg) rotateY(-60deg);transform:translateZ(0) translateX(100px) translateY(0) rotateX(90deg) rotateY(-60deg);width:200px;height:200px;border-bottom-color:#FF9800;border-bottom-width:10px}.ui_left .vic:hover+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) rotateX(0) translateZ(130px) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(0) translateZ(130px) translateY(0) translateX(0);height:200px}.ui_left .vic:hover+div>div>ul .left_2{-webkit-transform:rotateZ(-90deg) rotateY(-90deg) translateZ(150px) translateY(-280px) translateX(0);transform:rotateZ(-90deg) rotateY(-90deg) translateZ(150px) translateY(-280px) translateX(0);height:100px}.ui_left .vic:hover+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) rotateX(-30deg) translateZ(0) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-30deg) translateZ(0) translateY(0) translateX(0);height:200px}.ux_left .content{width:700px}.ux_left .ui:hover{transition:.5s;background:#E91E63}.ux_left .ui:active{background:#c1134e}.ux_left .ui:hover+a+a+a+div>div>ul .left_1,.ux_left .ui:hover+a+a+a+div>div>ul .left_2,.ux_left .ui:hover+a+a+a+div>div>ul .left_3{height:200px;border-right-color:#E91E63;border-right-width:10px;width:200px}.ux_left .ui:hover+a+a+a+div>div>ul .front_1{width:200px;height:200px;-webkit-transform:rotate(0) translateZ(100px) translateX(-220px);transform:rotate(0) translateZ(100px) translateX(-220px);opacity:0}.ux_left .ui:hover+a+a+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.ux_left .ui:hover+a+a+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(100px) rotateX(90deg);transform:translateZ(0) translateY(100px) rotateX(90deg);width:200px;height:200px;border-bottom-color:#E91E63;border-bottom-width:10px}.ux_left .ui:hover+a+a+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0)}.ux_left .ui:hover+a+a+a+div>div>ul .left_2{-webkit-transform:rotateY(-90deg) translateZ(210px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(210px) translateY(0) translateX(0)}.ux_left .ui:hover+a+a+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0)}.ux_left .ux{background:#2196F3;transition:.5s}.ux_left .ux+a+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.ux_left .ux+a+a+div>div>ul .front_1,.ux_left .ux+a+a+div>div>ul .left_1,.ux_left .ux+a+a+div>div>ul .left_2,.ux_left .ux+a+a+div>div>ul .left_3{border-right-color:#2196F3;border-right-width:10px}.ux_left .ux+a+a+div>div>ul .front_1{-webkit-transform:rotateZ(45deg) rotateY(-90deg) translateZ(200px) translateY(210px) translateX(0);transform:rotateZ(45deg) rotateY(-90deg) translateZ(200px) translateY(210px) translateX(0);width:200px;height:220px;opacity:1}.ux_left .ux+a+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.ux_left .ux+a+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(100px) rotateX(90deg);transform:translateZ(0) translateY(100px) rotateX(90deg);width:200px;height:200px;border-bottom-color:#2196F3;border-bottom-width:10px}.ux_left .ux+a+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);width:200px;height:200px}.ux_left .ux+a+a+div>div>ul .left_2{-webkit-transform:rotateZ(-45deg) rotateY(-90deg) translateZ(210px) translateY(-200px) translateX(0);transform:rotateZ(-45deg) rotateY(-90deg) translateZ(210px) translateY(-200px) translateX(0);width:200px;height:220px}.ux_left .ux+a+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);width:200px;height:200px}.ux_left .code:hover{margin-right:-50px;-webkit-transition:.5s;transition:.5s;background:#4CAF50;color:#fff}.ux_left .code:active{background:#3d8b40}.ux_left .code:hover+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.ux_left .code:hover+a+div>div>ul .front_1,.ux_left .code:hover+a+div>div>ul .left_1,.ux_left .code:hover+a+div>div>ul .left_2,.ux_left .code:hover+a+div>div>ul .left_3{width:200px;border-right-color:#4CAF50;border-right-width:10px}.ux_left .code:hover+a+div>div>ul .front_1{-webkit-transform:rotateZ(45deg) rotateY(-90deg) translateZ(250px) translateY(260px) translateX(0);transform:rotateZ(45deg) rotateY(-90deg) translateZ(250px) translateY(260px) translateX(0);height:200px;opacity:1}.ux_left .code:hover+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.ux_left .code:hover+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(140px) rotateX(90deg) rotateY(-45deg);transform:translateZ(0) translateY(140px) rotateX(90deg) rotateY(-45deg);width:200px;height:200px;border-bottom-color:#4CAF50;border-bottom-width:10px}.ux_left .code:hover+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) rotateX(-15deg) translateZ(180px) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-15deg) translateZ(180px) translateY(0) translateX(0);height:260px}.ux_left .code:hover+a+div>div>ul .left_2{-webkit-transform:rotateZ(-45deg) rotateY(-90deg) translateZ(360px) translateY(-150px) translateX(0);transform:rotateZ(-45deg) rotateY(-90deg) translateZ(360px) translateY(-150px) translateX(0);height:200px}.ux_left .code:hover+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) rotateX(-45deg) translateZ(0) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-45deg) translateZ(0) translateY(0) translateX(0);height:200px}.ux_left .vic:hover{margin-right:-50px;-webkit-transition:.5s;transition:.5s;background:#FF9800;color:#fff}.code_left .code,.code_left .ui:hover,.code_left .ux:hover{-webkit-transition:.5s;margin-right:-50px;color:#fff}.ux_left .vic:active{background:#cc7a00}.ux_left .vic:hover+div>div>ul>li{border-color:rgba(255,255,255,.3)}.ux_left .vic:hover+div>div>ul .front_1,.ux_left .vic:hover+div>div>ul .front_2,.ux_left .vic:hover+div>div>ul .left_1,.ux_left .vic:hover+div>div>ul .left_2,.ux_left .vic:hover+div>div>ul .left_3{width:200px;border-right-color:#FF9800;border-right-width:10px}.ux_left .vic:hover+div>div>ul .front_1{-webkit-transform:rotateZ(0) rotateY(-90deg) translateZ(230px) translateY(0) translateX(0);transform:rotateZ(0) rotateY(-90deg) translateZ(230px) translateY(0) translateX(0);height:200px;opacity:1}.ux_left .vic:hover+div>div>ul .front_2{-webkit-transform:rotateZ(-90deg) rotateY(-90deg) translateZ(-50px) translateY(-280px) translateX(0);transform:rotateZ(-90deg) rotateY(-90deg) translateZ(-50px) translateY(-280px) translateX(0);height:100px;opacity:1}.ux_left .vic:hover+div>div>ul .front_3{-webkit-transform:translateZ(0) translateX(100px) translateY(0) rotateX(90deg) rotateY(-60deg);transform:translateZ(0) translateX(100px) translateY(0) rotateX(90deg) rotateY(-60deg);width:200px;height:200px;border-bottom-color:#FF9800;border-bottom-width:10px}.ux_left .vic:hover+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) rotateX(0) translateZ(130px) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(0) translateZ(130px) translateY(0) translateX(0);height:200px}.ux_left .vic:hover+div>div>ul .left_2{-webkit-transform:rotateZ(-90deg) rotateY(-90deg) translateZ(150px) translateY(-280px) translateX(0);transform:rotateZ(-90deg) rotateY(-90deg) translateZ(150px) translateY(-280px) translateX(0);height:100px}.ux_left .vic:hover+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) rotateX(-30deg) translateZ(0) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-30deg) translateZ(0) translateY(0) translateX(0);height:200px}.code_left .content{width:700px}.code_left .ui:hover{transition:.5s;background:#E91E63}.code_left .ui:active{background:#c1134e}.code_left .ui:hover+a+a+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.code_left .ui:hover+a+a+a+div>div>ul .left_1,.code_left .ui:hover+a+a+a+div>div>ul .left_2,.code_left .ui:hover+a+a+a+div>div>ul .left_3{height:200px;border-right-color:#E91E63;width:200px;border-right-width:10px}.code_left .ui:hover+a+a+a+div>div>ul .front_1{width:200px;height:200px;-webkit-transform:rotate(0) translateZ(100px) translateX(-220px);transform:rotate(0) translateZ(100px) translateX(-220px);opacity:0}.code_left .ui:hover+a+a+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.code_left .ui:hover+a+a+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(100px) rotateX(90deg);transform:translateZ(0) translateY(100px) rotateX(90deg);width:200px;height:200px;border-bottom-color:#E91E63;border-bottom-width:10px}.code_left .ui:hover+a+a+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0)}.code_left .ui:hover+a+a+a+div>div>ul .left_2{-webkit-transform:rotateY(-90deg) translateZ(210px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(210px) translateY(0) translateX(0)}.code_left .ui:hover+a+a+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0)}.code_left .ux:hover{transition:.5s;background:#2196F3}.code_left .ux:active{background:#0c7cd5}.code_left .ux:hover+a+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.code_left .ux:hover+a+a+div>div>ul .front_1{-webkit-transform:rotateZ(45deg) rotateY(-90deg) translateZ(200px) translateY(210px) translateX(0);transform:rotateZ(45deg) rotateY(-90deg) translateZ(200px) translateY(210px) translateX(0);width:200px;height:220px;border-right-color:#2196F3;border-right-width:10px;opacity:1}.code_left .ux:hover+a+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.code_left .ux:hover+a+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(100px) rotateX(90deg);transform:translateZ(0) translateY(100px) rotateX(90deg);width:200px;height:200px;border-bottom-color:#2196F3;border-bottom-width:10px}.code_left .ux:hover+a+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);width:200px;height:200px;border-right-color:#2196F3;border-right-width:10px}.code_left .ux:hover+a+a+div>div>ul .left_2{-webkit-transform:rotateZ(-45deg) rotateY(-90deg) translateZ(210px) translateY(-200px) translateX(0);transform:rotateZ(-45deg) rotateY(-90deg) translateZ(210px) translateY(-200px) translateX(0);width:200px;height:220px;border-right-color:#2196F3;border-right-width:10px}.code_left .ux:hover+a+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);width:200px;height:200px;border-right-color:#2196F3;border-right-width:10px}.code_left .code{background:#4CAF50;transition:.5s}.code_left .code+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.code_left .code+a+div>div>ul .front_1,.code_left .code+a+div>div>ul .left_1,.code_left .code+a+div>div>ul .left_2,.code_left .code+a+div>div>ul .left_3{width:200px;border-right-color:#4CAF50;border-right-width:10px}.code_left .code+a+div>div>ul .front_1{-webkit-transform:rotateZ(45deg) rotateY(-90deg) translateZ(250px) translateY(260px) translateX(0);transform:rotateZ(45deg) rotateY(-90deg) translateZ(250px) translateY(260px) translateX(0);height:200px;opacity:1}.code_left .code+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.code_left .code+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(140px) rotateX(90deg) rotateY(-45deg);transform:translateZ(0) translateY(140px) rotateX(90deg) rotateY(-45deg);width:200px;height:200px;border-bottom-color:#4CAF50;border-bottom-width:10px}.code_left .code+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) rotateX(-15deg) translateZ(180px) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-15deg) translateZ(180px) translateY(0) translateX(0);height:260px}.code_left .code+a+div>div>ul .left_2{-webkit-transform:rotateZ(-45deg) rotateY(-90deg) translateZ(360px) translateY(-150px) translateX(0);transform:rotateZ(-45deg) rotateY(-90deg) translateZ(360px) translateY(-150px) translateX(0);height:200px}.code_left .code+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) rotateX(-45deg) translateZ(0) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-45deg) translateZ(0) translateY(0) translateX(0);height:200px}.code_left .vic:hover{margin-right:-50px;-webkit-transition:.5s;transition:.5s;background:#FF9800;color:#fff}.code_left .vic:active{background:#cc7a00}.code_left .vic:hover+div>div>ul>li{border-color:rgba(255,255,255,.3)}.code_left .vic:hover+div>div>ul .front_1,.code_left .vic:hover+div>div>ul .front_2,.code_left .vic:hover+div>div>ul .left_1,.code_left .vic:hover+div>div>ul .left_2,.code_left .vic:hover+div>div>ul .left_3{width:200px;border-right-color:#FF9800;border-right-width:10px}.code_left .vic:hover+div>div>ul .front_1{-webkit-transform:rotateZ(0) rotateY(-90deg) translateZ(230px) translateY(0) translateX(0);transform:rotateZ(0) rotateY(-90deg) translateZ(230px) translateY(0) translateX(0);height:200px;opacity:1}.code_left .vic:hover+div>div>ul .front_2{-webkit-transform:rotateZ(-90deg) rotateY(-90deg) translateZ(-50px) translateY(-280px) translateX(0);transform:rotateZ(-90deg) rotateY(-90deg) translateZ(-50px) translateY(-280px) translateX(0);height:100px;opacity:1}.code_left .vic:hover+div>div>ul .front_3{-webkit-transform:translateZ(0) translateX(100px) translateY(0) rotateX(90deg) rotateY(-60deg);transform:translateZ(0) translateX(100px) translateY(0) rotateX(90deg) rotateY(-60deg);width:200px;height:200px;border-bottom-color:#FF9800;border-bottom-width:10px}.code_left .vic:hover+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) rotateX(0) translateZ(130px) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(0) translateZ(130px) translateY(0) translateX(0);height:200px}.code_left .vic:hover+div>div>ul .left_2{-webkit-transform:rotateZ(-90deg) rotateY(-90deg) translateZ(150px) translateY(-280px) translateX(0);transform:rotateZ(-90deg) rotateY(-90deg) translateZ(150px) translateY(-280px) translateX(0);height:100px}.code_left .vic:hover+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) rotateX(-30deg) translateZ(0) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-30deg) translateZ(0) translateY(0) translateX(0);height:200px}.vic_left .content{width:700px}.vic_left .content>ul{margin:20px 0 0}.vic_left .content>ul>a{cursor:default;margin:0}.vic_left .code:hover,.vic_left .ui:hover,.vic_left .ux:hover,.vic_left .vic{margin-right:-50px;color:#fff}.vic_left .ui:hover{-webkit-transition:.5s;transition:.5s;background:#E91E63}.vic_left .ui:active{background:#c1134e}.vic_left .ui:hover+a+a+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.vic_left .ui:hover+a+a+a+div>div>ul .left_1,.vic_left .ui:hover+a+a+a+div>div>ul .left_2,.vic_left .ui:hover+a+a+a+div>div>ul .left_3{height:200px;border-right-color:#E91E63;width:200px;border-right-width:10px}.vic_left .ui:hover+a+a+a+div>div>ul .front_1{width:200px;height:200px;-webkit-transform:rotate(0) translateZ(100px) translateX(-220px);transform:rotate(0) translateZ(100px) translateX(-220px);opacity:0}.vic_left .ui:hover+a+a+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.vic_left .ui:hover+a+a+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(100px) rotateX(90deg);transform:translateZ(0) translateY(100px) rotateX(90deg);width:200px;height:200px;border-bottom-color:#E91E63;border-bottom-width:10px}.vic_left .ui:hover+a+a+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0)}.vic_left .ui:hover+a+a+a+div>div>ul .left_2{-webkit-transform:rotateY(-90deg) translateZ(210px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(210px) translateY(0) translateX(0)}.vic_left .ui:hover+a+a+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0)}.vic_left .ux:hover{-webkit-transition:.5s;transition:.5s;background:#2196F3}.vic_left .ux:active{background:#0c7cd5}.vic_left .ux:hover+a+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.vic_left .ux:hover+a+a+div>div>ul .front_1{-webkit-transform:rotateZ(45deg) rotateY(-90deg) translateZ(200px) translateY(210px) translateX(0);transform:rotateZ(45deg) rotateY(-90deg) translateZ(200px) translateY(210px) translateX(0);width:200px;height:220px;border-right-color:#2196F3;border-right-width:10px;opacity:1}.vic_left .ux:hover+a+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.vic_left .ux:hover+a+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(100px) rotateX(90deg);transform:translateZ(0) translateY(100px) rotateX(90deg);width:200px;height:200px;border-bottom-color:#2196F3;border-bottom-width:10px}.vic_left .ux:hover+a+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(100px) translateY(0) translateX(0);width:200px;height:200px;border-right-color:#2196F3;border-right-width:10px}.vic_left .ux:hover+a+a+div>div>ul .left_2{-webkit-transform:rotateZ(-45deg) rotateY(-90deg) translateZ(210px) translateY(-200px) translateX(0);transform:rotateZ(-45deg) rotateY(-90deg) translateZ(210px) translateY(-200px) translateX(0);width:200px;height:220px;border-right-color:#2196F3;border-right-width:10px}.vic_left .ux:hover+a+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);transform:rotateY(-90deg) translateZ(-100px) translateY(0) translateX(0);width:200px;height:200px;border-right-color:#2196F3;border-right-width:10px}.vic_left .code:hover{-webkit-transition:.5s;transition:.5s;background:#4CAF50}.vic_left .code:active{background:#3d8b40}.vic_left .code:hover+a+div>div>ul>li{border-color:rgba(255,255,255,.3)}.vic_left .code:hover+a+div>div>ul .front_1,.vic_left .code:hover+a+div>div>ul .left_1,.vic_left .code:hover+a+div>div>ul .left_2,.vic_left .code:hover+a+div>div>ul .left_3{width:200px;border-right-color:#4CAF50;border-right-width:10px}.vic_left .code:hover+a+div>div>ul .front_1{-webkit-transform:rotateZ(45deg) rotateY(-90deg) translateZ(250px) translateY(260px) translateX(0);transform:rotateZ(45deg) rotateY(-90deg) translateZ(250px) translateY(260px) translateX(0);height:200px;opacity:1}.vic_left .code:hover+a+div>div>ul .front_2{-webkit-transform:translateZ(-100px) translateX(-220px);transform:translateZ(-100px) translateX(-220px);width:200px;height:200px;opacity:0}.vic_left .code:hover+a+div>div>ul .front_3{-webkit-transform:translateZ(0) translateY(140px) rotateX(90deg) rotateY(-45deg);transform:translateZ(0) translateY(140px) rotateX(90deg) rotateY(-45deg);width:200px;height:200px;border-bottom-color:#4CAF50;border-bottom-width:10px}.vic_left .code:hover+a+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) rotateX(-15deg) translateZ(180px) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-15deg) translateZ(180px) translateY(0) translateX(0);height:260px}.vic_left .code:hover+a+div>div>ul .left_2{-webkit-transform:rotateZ(-45deg) rotateY(-90deg) translateZ(360px) translateY(-150px) translateX(0);transform:rotateZ(-45deg) rotateY(-90deg) translateZ(360px) translateY(-150px) translateX(0);height:200px}.vic_left .code:hover+a+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) rotateX(-45deg) translateZ(0) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-45deg) translateZ(0) translateY(0) translateX(0);height:200px}.vic_left .vic{-webkit-transition:.5s;background:#FF9800;transition:.5s}.vic_left .vic+div>div>ul>li{border-color:rgba(255,255,255,.3)}.vic_left .vic+div>div>ul .front_1,.vic_left .vic+div>div>ul .front_2,.vic_left .vic+div>div>ul .left_1,.vic_left .vic+div>div>ul .left_2,.vic_left .vic+div>div>ul .left_3{width:200px;border-right-color:#FF9800;border-right-width:10px}.vic_left .vic+div>div>ul .front_1{-webkit-transform:rotateZ(0) rotateY(-90deg) translateZ(230px) translateY(0) translateX(0);transform:rotateZ(0) rotateY(-90deg) translateZ(230px) translateY(0) translateX(0);height:200px;opacity:1}.vic_left .vic+div>div>ul .front_2{-webkit-transform:rotateZ(-90deg) rotateY(-90deg) translateZ(-50px) translateY(-280px) translateX(0);transform:rotateZ(-90deg) rotateY(-90deg) translateZ(-50px) translateY(-280px) translateX(0);height:100px;opacity:1}.vic_left .vic+div>div>ul .front_3{-webkit-transform:translateZ(0) translateX(100px) translateY(0) rotateX(90deg) rotateY(-60deg);transform:translateZ(0) translateX(100px) translateY(0) rotateX(90deg) rotateY(-60deg);width:200px;height:200px;border-bottom-color:#FF9800;border-bottom-width:10px}.vic_left .vic+div>div>ul .left_1{-webkit-transform:rotateY(-90deg) rotateX(0) translateZ(130px) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(0) translateZ(130px) translateY(0) translateX(0);height:200px}.vic_left .vic+div>div>ul .left_2{-webkit-transform:rotateZ(-90deg) rotateY(-90deg) translateZ(150px) translateY(-280px) translateX(0);transform:rotateZ(-90deg) rotateY(-90deg) translateZ(150px) translateY(-280px) translateX(0);height:100px}.vic_left .vic+div>div>ul .left_3{-webkit-transform:rotateY(-90deg) rotateX(-30deg) translateZ(0) translateY(0) translateX(0);transform:rotateY(-90deg) rotateX(-30deg) translateZ(0) translateY(0) translateX(0);height:200px}.aboutme{width:700px;text-align:left}.aboutme_left{margin-top:10px!important;color:#ccc!important;text-align:justify!important;width:100%!important;height:auto!important;font-size:14px;line-height:25px}.aboutme_left h3{margin:0 0 10px}.aboutme_right{margin-top:39px!important;width:50px!important;height:126px!important;vertical-align:top}.aboutme_right>img{width:100%;height:auto}