.agency-main-menu-wrapper{height:0;position:relative}.skip-to-main a{color:#033b84;font-size:20px;left:0;padding:10px 20px;position:fixed;text-decoration:none;top:0;transform:translateY(-100%);transition:all .2s ease;z-index:999999}.skip-to-main a.active{transform:translateY(0)}.agency-main-menu-wrapper .dd-logo a{align-items:center;display:flex;height:58px;text-decoration:none}.agency-main-menu-wrapper .dd-logo .agency-box{box-sizing:content-box;margin-left:57px;-webkit-mask-image:linear-gradient(270deg,#000 90%,transparent),linear-gradient(270deg,#000 85%,transparent);-webkit-mask-position:left bottom,left top;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;overflow:hidden;padding-left:12px;position:fixed;width:124px;z-index:1}.agency-main-menu-wrapper .dd-logo #agency{color:#033b84;font-size:40px;font-weight:400;left:0;position:relative;transition:all .2s ease}.agency-main-menu-wrapper .dd-logo #agency.hide-agency{left:-136px;transition:all .2s ease}.agency-main-menu-wrapper .upper-menu-area .hs-menu-wrapper ul{display:flex;list-style-type:none;margin:0;padding:0}.agency-main-menu-wrapper .upper-menu-area .hs-menu-wrapper ul li{padding-right:50px}.agency-main-menu-wrapper .upper-menu-area .hs-menu-wrapper ul li a{color:#033b84;font-size:20px;font-weight:400;text-decoration:none}.agency-main-menu-wrapper .upper-menu-area .hs-menu-wrapper ul li a:hover{text-decoration:underline}@media (min-width:769px){.agency-main-menu-wrapper .dd-logo{left:50px;position:relative;top:50px;width:200px}.agency-main-menu-wrapper .dd-logo svg{position:fixed;z-index:999999}.agency-main-menu-wrapper .upper-menu-area{left:300px;position:absolute;top:67px;z-index:999}}@media (max-width:768px){.agency-main-menu-wrapper .dd-logo{left:20px;position:absolute;top:20px;z-index:1}.agency-main-menu-wrapper .dd-logo svg{width:40px}.agency-main-menu-wrapper .dd-logo .agency-box{margin:0;position:relative}.agency-main-menu-wrapper .dd-logo #agency{font-size:30px}.agency-main-menu-wrapper .upper-menu-area{display:none}}.agency-main-menu-wrapper .menu-open{align-items:center;border:1px solid #033b84;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:70px;justify-content:center;padding:0 15px;position:fixed;right:50px;top:50px;width:70px;z-index:99999999}.agency-main-menu-wrapper .menu-open span{background:#033b84;display:block;height:3px;position:relative;transition:all .2s ease;width:100%}.agency-main-menu-wrapper .menu-open span:first-child{margin-bottom:10px;top:0}.agency-main-menu-wrapper .menu-open span:nth-child(2){bottom:0}.agency-main-menu-wrapper .menu-open.active span:first-child{top:6.5px;transform:rotate(45deg)}.agency-main-menu-wrapper .menu-open.active span:nth-child(2){bottom:6.5px;transform:rotate(-45deg)}.agency-main-menu-wrapper .main-menu{background:#fff;bottom:-120%;display:none;height:100vh;left:0;position:fixed;transition:bottom .5s ease;width:100%;z-index:99999}.agency-main-menu-wrapper .main-menu.open{bottom:0}.agency-main-menu-wrapper .menu-area{align-items:center;display:flex;height:100vh;justify-content:center}.agency-main-menu-wrapper .menu-area ul{list-style-type:none;margin:0;padding:0}.agency-main-menu-wrapper .menu-area .left-menu{padding-right:100px}.agency-main-menu-wrapper .menu-area .left-menu>ul>li{margin:15px 0!important}.agency-main-menu-wrapper .menu-area .left-menu>ul>li a{position:relative}.agency-main-menu-wrapper .menu-area .left-menu>ul li:first-child a{color:#033b84}.agency-main-menu-wrapper .menu-area .left-menu>ul li:nth-child(2) a{color:#de773f}.agency-main-menu-wrapper .menu-area .left-menu>ul li:nth-child(3) a{color:#5a5a5a}.agency-main-menu-wrapper .menu-area .left-menu>ul>li>a [class*=-circle]{border-radius:50%;content:"";height:60px;left:-10px;opacity:1;position:absolute;top:17px;transform:translate(-50%,-50%);transform:translate(-44%,-44%);width:60px;z-index:-1}.agency-main-menu-wrapper .menu-area .left-menu>ul>li .blue-circle{background:#e5f0ff}.agency-main-menu-wrapper .menu-area .left-menu>ul>li .orange-circle{background:#ffede3}.agency-main-menu-wrapper .menu-area .left-menu>ul>li .grey-circle{background:#d1d1d1}.agency-main-menu-wrapper .menu-area ul>li a{color:#033b84;font-size:37px;text-decoration:none}.agency-main-menu-wrapper .menu-area .left-menu ul>li a{font-size:45px}.agency-main-menu-wrapper .menu-area .left-menu ul>li a:hover,.agency-main-menu-wrapper .menu-area .right-menu ul>li a:hover{text-decoration:underline;text-decoration-color:#033b84}.agency-main-menu-wrapper .menu-area .left-menu>ul>li:nth-child(2)>a:hover{cursor:url(https://www.directdevelopment.com/hubfs/DD%20Agency/orange-dot.svg),auto!important;text-decoration:underline;text-decoration-color:#de773f}.agency-main-menu-wrapper .menu-area .left-menu>ul>li:nth-child(3)>a{color:#5a5a5a}.agency-main-menu-wrapper .menu-area .left-menu>ul>li:nth-child(3)>a:hover{cursor:url(https://www.directdevelopment.com/hubfs/DD%20Agency/grey-dot.svg),auto!important;text-decoration:underline;text-decoration-color:#5a5a5a}.agency-main-menu-wrapper .menu-area .left-menu>ul>li>a:hover [class*=-circle]{height:60px;opacity:0;transition:left .3s ease,top .3s ease,opacity .3s ease .2s,height .6s ease,width .6s ease;width:60px}.agency-main-menu-wrapper .footer-links{bottom:0;left:0;position:absolute;width:100%;z-index:9}.agency-main-menu-wrapper .footer-links .bg-area{background-color:#e5f0ff;padding:10px 0}.agency-main-menu-wrapper .footer-links a{text-decoration:none}.agency-main-menu-wrapper .footer-links .social-icons img{max-width:40px;width:100%}.agency-main-menu-wrapper .footer-links a,.agency-main-menu-wrapper .footer-links p{color:#033b84;font-weight:500;margin:0}@media (min-width:769px){.agency-main-menu-wrapper .menu-open.focus:not(.active) span:first-child{transform:translateX(-5px)}.agency-main-menu-wrapper .menu-open.focus:not(.active) span:nth-child(2){transform:translateX(5px)}.agency-main-menu-wrapper .footer-links .content-area{align-items:center;display:flex}.agency-main-menu-wrapper .footer-links .content-area>div{flex:0 0 33.33%;padding-right:100px}}@media (max-width:768px){.agency-main-menu-wrapper .menu-area{flex-direction:column;text-align:center}.agency-main-menu-wrapper .menu-open{height:50px;padding:0 10px;position:absolute;right:20px;top:25px;width:50px}.agency-main-menu-wrapper .footer-links .content-area{text-align:center}.agency-main-menu-wrapper .menu-area .left-menu{padding:0}.agency-main-menu-wrapper .menu-area ul>li a{font-size:26px}.agency-main-menu-wrapper .menu-area .left-menu ul>li a{font-size:30px}.agency-main-menu-wrapper .menu-area .left-menu>ul>li>a [class*=-circle]{height:40px;left:-4px;top:12px;width:40px}}