.lodo-section{padding:70px 0 90px}.lodo-section .box{display:flex}.lodo-section .logo{align-items:center;background:#fff;border:1px solid #adf0c9;border-radius:4px;display:flex;justify-content:center;line-height:0;margin-top:30px;overflow:hidden;padding:42px;position:relative;text-align:center;transition:.5s;width:100%}.lodo-section .logo img{max-width:100%;width:auto}.lodo-section .hover-box{border:1px solid #adf0c9;border-radius:4px;transform:translateX(-100%);transition:.5s}.lodo-section .hover-box,.lodo-section .hover-content{height:100%;left:0;padding:20px 18px;position:absolute;top:0;width:100%}.lodo-section .hover-content{text-align:left;transform:translateY(100%);transition:.7s}.lodo-section .hover-content img{height:20px;width:20px}.lodo-section .hover-content .web-cta a{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:500;margin-top:40px}.lodo-section .hover-content .web-cta a svg{height:13px;margin-left:7px;width:13px;fill:#fff}.lodo-section .logo:hover .hover-box,.lodo-section .logo:hover .hover-content{transform:translateY(0);transform:translateX(0)}@media(max-width:767.98px){.lodo-section{padding:50px 0}}@media(max-width:575.98px){.lodo-section .logo{padding:35px 20px}.lodo-section .hover-content .web-cta a{margin-top:35px}}@media(max-width:425.98px){.lodo-section .box{margin:0 auto;width:75%}}@media(max-width:374.98px){.lodo-section .box{width:90%}}