nav{display:block;background:#87a2e1}.menu{display:block;margin-top:0}.menu li{display:inline-block;position:relative;z-index:100}.menu li:first-child{margin-left:0}.menu li a{font-weight:600;text-decoration:none;padding:20px 15px;display:block;color:#fff;transition:all .2s ease-in-out 0s}.menu li a:hover,.menu li:hover>a{color:#000;background:#a2bbf5}.menu ul{visibility:hidden;opacity:0;margin:0;padding:0;width:170px;position:absolute;left:0;background:0 0;z-index:99;transform:translate(0,20px);transition:all .2s ease-out}.menu ul:after{bottom:100%;left:20%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px}.menu ul li{display:block;float:none;background:0 0;margin:0;padding:0}.menu ul li a{font-size:12px;font-weight:400;display:block;color:#fff;background:#87a2e1;border-color:#fff;border-style:solid;border-left-width:1px;border-bottom-width:0;border-top-width:1px;border-right-width:1px}.menu ul li a:hover,.menu ul li:hover>a{background:#a2bbf5;color:#000}.menu li:hover>ul{visibility:visible;opacity:1;transform:translate(0,0)}.menu ul ul{left:169px;top:0;visibility:hidden;opacity:0;transform:translate(20px,20px);transition:all .2s ease-out}.menu ul ul:after{left:-6px;top:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:6px;margin-top:-6px}.menu li>ul ul:hover{visibility:visible;opacity:1;transform:translate(0,0)}.responsive-menu{display:none;width:100%;padding-top:20px;padding-bottom:20px;background:#87a2e1;color:#fff;text-align:right;text-decoration:none;font-weight:600}.responsive-menu:hover{background:#87a2e1;color:#000;text-decoration:none}a.homer{background:#87a2e1}@media (min-width:768px) and (max-width:979px){.mainWrap{width:768px}a.homer{background:#87a2e1}}.sub-menu li{left:0;background:0 0}@media (max-width:767px){.mainWrap{width:auto;padding:50px 20px}.menu{display:none}.responsive-menu{display:block}nav{margin:0;margin-bottom:20px;background:0 0}.menu li{display:block;margin:0}.menu li a{background:#87a2e1;color:#fff;border-color:#fff;border-style:solid;border-left-width:1px;border-bottom-width:0;border-top-width:1px;border-right-width:0}.menu li a:hover,.menu li:hover>a{background:#a2bbf5;color:#000}.menu ul{visibility:hidden;opacity:0;top:0;left:0;width:auto;transform:initial}.menu li:hover>ul{visibility:visible;opacity:1;position:relative;transform:initial}.menu ul ul{left:0;transform:initial}.menu li>ul ul:hover{transform:initial}}