.circle-menu{position:relative;width:400px;height:400px;margin:0;transform:translate(-35%,-35%);background-color:#51a8b1;background-image:url(/build/assets/menu-logo-4ccc7688.svg);background-size:125px;background-repeat:no-repeat;background-position-x:60%;background-position-y:65%;border-radius:50%;z-index:9}.circle-menu__item{position:absolute;top:50%;left:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;border-radius:50%;background-color:#ccc;text-align:center;line-height:50px;font-size:24px;color:#fff;transform-origin:0 100%;transition:transform .3s ease-in-out}.circle-menu__item i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-size:cover}.circle-menu__item .circle-menu__text,.sub-circle-menu .sub-circle-menu__text{position:absolute;top:65%;left:100%;padding-left:10px;width:0;overflow:hidden;white-space:nowrap;color:#000;transform:translateY(-10px);text-align:left;font: 600 13px/16px COCOGOOSE;font-weight:700;letter-spacing:0px;color:#1d738a;text-transform:uppercase;font-family:COCOGOOSE,sans-serif;white-space:normal;transition:all .3s ease-in-out}.circle-menu__item:nth-child(1){transform:rotate(-0deg) translate(200px) rotate(0)}.circle-menu__item:nth-child(1):hover{transform:rotate(0) translate(200px) rotate(-0deg) scale(1.3)}.circle-menu__item:nth-child(2){transform:rotate(25deg) translate(200px) rotate(-25deg)}.circle-menu__item:nth-child(2):hover{transform:rotate(25deg) translate(200px) rotate(-25deg) scale(1.3)}.circle-menu__item:nth-child(3){transform:rotate(50deg) translate(200px) rotate(-50deg)}.circle-menu__item:nth-child(3):hover{transform:rotate(50deg) translate(200px) rotate(-50deg) scale(1.3)}.circle-menu__item:nth-child(4){transform:rotate(75deg) translate(200px) rotate(-75deg)}.circle-menu__item#item-4 .circle-menu__text#text{font-size:16px;top:75px;left:-50%;font-weight:700}.circle-menu__item#item-4 .circle-menu__item:nth-child(3) .sub-circle-menu__text{top:130%;left:0}.circle-menu__item#item-4 .circle-menu__item:nth-child(4) .sub-circle-menu__text{top:175%;left:0}.circle-menu__item a{display:block;width:100%;height:100%}.circle-menu__item:hover .circle-menu__text,.circle-menu__item a:hover>.sub-circle-menu__text{width:200px}.sub-circle-menu{position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-50%,-50%)}.circle-menu__item#item-4 .circle-menu__text{font-size:12px}#item-4.active .circle-menu__equipamentos,#item-4:hover .circle-menu__equipamentos{transform:translate(-50%,-50%) scale(1.3)}#item-4 .circle-menu__text{text-align:left;font: 600 13px/16px COCOGOOSE;letter-spacing:0px;color:#1d738a;text-transform:uppercase;opacity:1;font-family:COCOGOOSE,sans-serif}#item-4.active .circle-menu__text{width:200px}.sub-circle-menu .circle-menu__item{width:40px;height:40px;margin-left:-20px;margin-top:-20px;transform-origin:center;transition:all .3s ease-in-out;z-index:0}.sub-circle-menu .circle-menu__item:nth-child(1){transform:rotate(5deg) translate(0) rotate(-5deg)}.active .sub-circle-menu .circle-menu__item:nth-child(1){transform:rotate(5deg) translate(130px) rotate(-5deg) scale(1)}.active .sub-circle-menu .circle-menu__item:nth-child(1):hover{transform:rotate(5deg) translate(130px) rotate(-5deg) scale(1.3)}.sub-circle-menu .circle-menu__item:nth-child(2){transform:rotate(48deg) translate(0) rotate(-48deg)}.active .sub-circle-menu .circle-menu__item:nth-child(2){transform:rotate(48deg) translate(130px) rotate(-48deg)}.active .sub-circle-menu .circle-menu__item:nth-child(2):hover{transform:rotate(48deg) translate(130px) rotate(-48deg) scale(1.3)}.sub-circle-menu .circle-menu__item:nth-child(3){transform:rotate(91deg) translate(0) rotate(-91deg)}.active .sub-circle-menu .circle-menu__item:nth-child(3){transform:rotate(91deg) translate(120px) rotate(-91deg)}.active .sub-circle-menu .circle-menu__item:nth-child(3):hover{transform:rotate(91deg) translate(120px) rotate(-91deg) scale(1.3)}.sub-circle-menu .circle-menu__item:nth-child(4){transform:rotate(135deg) translate(0) rotate(-135deg)}.active .sub-circle-menu .circle-menu__item:nth-child(4){transform:rotate(135deg) translate(130px) rotate(-135deg)}.active .sub-circle-menu .circle-menu__item:nth-child(4):hover{transform:rotate(135deg) translate(130px) rotate(-135deg) scale(1.3)}.circle-menu__empreendimento{background-image:url(/build/assets/empreendimento-8777a49c.svg)}.circle-menu__estacoes{background-image:url(/build/assets/estacoes-7f194b72.svg)}.circle-menu__outorga{background-image:url(/build/assets/outorga-2a4fcb03.svg)}.circle-menu__subterraneos{background-image:url(/build/assets/subterraneos-5e36be75.svg)}.circle-menu__superficiais{background-image:url(/build/assets/superficiais-7e9eba34.svg)}.circle-menu__regioes_bacias{background-image:url(/build/assets/regioes_bacias-99462a0f.svg)}.circle-menu__captacao{background-image:url(/build/assets/captacao-5b939f70.svg)}.circle-menu__equipamentos{cursor:pointer;background-image:url(/build/assets/equipamentos-75fafe1f.svg);z-index:2;transition:all .3s ease-in-out}.submenu-bg{display:block;background:white;width:227px;height:194px;clip-path:circle(55.7% at 33% 32%);transform:rotate(23deg);overflow:visible;position:relative;position:absolute;top:209px;left:23px;z-index:9;opacity:0;transition:all .3s ease-in-out}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}