.logo{position:absolute;top:10px;z-index:26;left:calc(50% - 75px)}

.logo-circle{position:absolute;top:3px;width:175px;height:175px;background:#fff;z-index:2;left:calc(50% - 87px);border-radius:50%;box-shadow:0 0 25px rgba(0,0,0,0.25)}

.logo img{display:inline-block;border-radius:50%;margin-top: 5px;}

nav{float:left;width:100%;background:#087e5a;z-index:5;position:relative;box-shadow:0 0 25px rgba(0,0,0,0.35)}

.logo-circle-top{top:-50px;box-shadow:none}.navs{margin:0;padding:0;float:left;list-style-type:none;width:100%}

.navs .sub-menu{position:Relative;z-index: 1;}

.navs .sub-menu>ul{display:none;background:#ffffff;position:absolute;top:57px;left:0;right:0;margin:0;padding:0;list-style-type:none;overflow:hidden;border-radius:0 0 7px 7px}

.navs .sub-menu:hover ul{display:block;border:1px solid #dedede;border-top:0}

.navs .sub-menu ul>li{display:block!important;width:100%!important;}

.navs .sub-menu ul>li a{display:block;font-weight:600;font-size:14px;padding:10px;text-transform: uppercase;}

.navs .sub-menu ul>li a:hover{background:#087e5a;color:#ffffff;}

.navs li{width:calc(100% / 3);float:left;text-align:center}

.navs>li>a{display:block;color:#ffffff;font-weight:700;padding:17px 0 14px;border-bottom:3px solid transparent!important;font-size:16px; }

.navs>li>a:hover{margin-bottom:0!important;color: #ffffff;}