.Menu p{width:80%}.open a,.open a:active,.open a:focus,.open a:hover{color:transparent}.open p a,.open p a:active,.open p a:focus,.open p a:hover{color:#000}.open{position:fixed;top:20px;right:30px;width:50px;height:50px;display:block;cursor:url(../img/dot.png) 13 13,auto!important;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;z-index:20000}.open:hover{opacity:.95}.open span{display:block;float:left;clear:both;height:4px;width:40px;border-radius:40px;background-color:grey;position:absolute;right:3px;top:3px;overflow:hidden;-webkit-transition:all .4s ease;transition:all .4s ease}.open span:nth-child(1){margin-top:10px;z-index:9}.open span:nth-child(2){margin-top:25px}.open span:nth-child(3){margin-top:40px}.oppenned span:nth-child(2){overflow:visible}.oppenned span:nth-child(1),.oppenned span:nth-child(3){z-index:100;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.oppenned span:nth-child(1){-webkit-transform:rotate(45deg) translateY(12px) translateX(12px);transform:rotate(45deg) translateY(12px) translateX(12px)}.oppenned span:nth-child(2){height:600px;width:600px;right:-160px;top:-160px;border-radius:50%;background-color:#fff}.oppenned span:nth-child(3){-webkit-transform:rotate(-45deg) translateY(-10px) translateX(10px);transform:rotate(-45deg) translateY(-10px) translateX(10px)}.oppenned li{margin-right:168px}.button{display:block;float:left;clear:both;padding:20px 40px;background:#fff;border-radius:3px;border:2px solid #10a1ea;overflow:hidden;position:relative}.button:after{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;content:"";position:absolute;height:200px;width:400px;-webkit-transform:rotate(45deg) translateX(-540px) translateY(-100px);transform:rotate(45deg) translateX(-540px) translateY(-100px);background:#10a1ea;z-index:1}.button:before{-webkit-transition:-webkit-transform .5s cubic-bezier(.68,-.55,.265,1.55);transition:-webkit-transform .5s cubic-bezier(.68,-.55,.265,1.55);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .5s cubic-bezier(.68,-.55,.265,1.55);content:attr(title);position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;z-index:2;text-align:center;padding:20px 40px;-webkit-transform:translateY(200px);transform:translateY(200px)}.button:hover{text-decoration:none}.button:hover:after{-webkit-transform:translateX(-300px) translateY(-100px);transform:translateX(-300px) translateY(-100px)}.button:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.card{position:relative;z-index:10;width:280px;border-radius:4px;padding-bottom:40px;background:#131e32;overflow:hidden;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.card figcaption{position:absolute;bottom:0;padding:10px;color:#fff}.card img{max-width:100%;border:1px solid #222;-webkit-transition:.4s;transition:.4s}.card:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.Menu-list{margin-top:200px;font-size:2rem;line-height:1.2;text-transform:uppercase;text-align:center;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.Menu-list-item{position:relative;color:transparent;cursor:url(../img/dot.png) 13 13,auto!important}.Menu-list-item::before{content:'';display:block;position:absolute;top:49%;left:-10%;right:-10%;height:4px;border-radius:4px;margin-top:-2px;background:#7bcbe4;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .8s cubic-bezier(.16,1.08,.38,.98);transition:-webkit-transform .8s cubic-bezier(.16,1.08,.38,.98);transition:transform .8s cubic-bezier(.16,1.08,.38,.98);transition:transform .8s cubic-bezier(.16,1.08,.38,.98),-webkit-transform .8s cubic-bezier(.16,1.08,.38,.98);z-index:1}.Mask{display:block;position:absolute;overflow:hidden;color:#7bcbe4;top:0;height:49%;-webkit-transition:all .8s cubic-bezier(.16,1.08,.38,.98);transition:all .8s cubic-bezier(.16,1.08,.38,.98)}.Mask div{display:block}.Mask+.Mask{top:48.9%;height:51.1%}.Mask+.Mask div{-webkit-transform:translateY(-49%);transform:translateY(-49%)}.Menu-list{padding:0;width:106%}.Menu-list-item:active .Mask,.Menu-list-item:hover .Mask{color:#8b8b8b;-webkit-transform:skewX(12deg) translateX(5px);transform:skewX(12deg) translateX(5px)}.Menu-list-item:active .Mask+.Mask,.Menu-list-item:hover .Mask+.Mask{-webkit-transform:skewX(12deg) translateX(-5px);transform:skewX(12deg) translateX(-5px)}.Menu-list-item:active::before,.Menu-list-item:hover::before{-webkit-transform:scale(1);transform:scale(1)}@media (max-width:768px){.oppenned span:nth-child(2){height:1200px;border-radius:0;background-color:#fff}.oppenned li{margin-right:100px}.Menu-list{margin-top:250px;font-size:1.7rem;line-height:1.2}.Menu p{width:94%}}