:root{--font-family-default: "Open Sans", sans-serif;--font-family-title: "Open Sans", sans-serif;--font-size-default: 14px;--font-size-title: 18px;--font-color-default: #000000;--font-color-title: #6c757d;--primary: #007bff;--secondary: #6c757d;--success: #28a745;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--light: #f8f9fa;--dark: #343a40;--default-transition: .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-family-default);font-size:var(--font-size-default);background:#fff;color:var(--font-color-default);margin:0}.max-container{max-width:1920px;margin:0 auto;padding:0 15px}.header{width:100%;height:auto;z-index:20;position:relative;padding:30px 0;position:sticky;top:0;left:0;background:#ffffffad;transition:var(--default-transition);z-index:999}.header--fixed{background:#e5e5e5}.header__wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.header__logo{width:50%}.header__logo a{display:flex;align-items:center;text-decoration:none;color:#009bbb;gap:10px;font-family:var(--font-family-default)}.header__logo a h3{font-size:24px;text-transform:uppercase}.header__logo--image{font-size:30px;color:#fff;background:#009bbb;padding:10px 10px 0}.header__navigation nav{position:fixed;top:0;right:-100%;width:70%;background:#fff;padding:80px 40px 20px;height:100%;transition:var(--default-transition)}.header__navigation nav.open{right:0}.header__navigation nav #nav li{padding:15px 0;position:relative}.header__navigation nav #nav li a{font-size:16px;color:#000;line-height:1.5;transition:var(--default-transition)}.header__navigation nav #nav li a:hover{color:#009bbb}.header__navigation nav #nav li .sub-menu{display:none;position:relative}.header__navigation nav #nav li .sub-menu>li{position:relative;padding:10px;background:#f3f2f9}.header__navigation nav #nav li .sub-menu>li a{padding:20px 0}.header__navigation nav #nav li .sub-menu>li .sub-menu{display:none}.header__navigation nav #nav li:hover .sub-menu{display:block}.header__navigation--burger{font-size:20px;cursor:pointer}.header__navigation--burgerClose{position:absolute;top:20px;right:20px;cursor:pointer;font-size:16px}.footer{width:100%;background:#d7d7d7;padding:30px 0}.footer__text{width:100%;text-align:center}.footer__text .footernav li{padding:10px 0}.footer__text .footernav li a{color:#464646;transition:var(--default-transition)}.footer__text .footernav li a:hover{color:#009bbb}.footer__text p{color:#7d7d7d;font-size:12px;padding:12px 0;line-height:1.5}.footer__text p a{color:#009bbb;text-decoration:none;transition:var(--default-transition)}.footer__text p a:hover{text-decoration:underline}.footer__logo{width:100%;text-align:center;margin-top:20px}.footer__logo .ai-font-footer-logo{font-size:30px;color:#464646}@media screen and (min-width:1024px){.max-container{padding:0 50px}.header__logo{width:20%}.header__navigation nav{position:static;width:auto;height:auto;padding:0;background:transparent;display:flex;align-items:center}.header__navigation nav #nav{display:flex;align-items:center;gap:20px}.header__navigation nav #nav li{padding:0}.header__navigation--burger,.header__navigation--burgerClose{display:none}.footer__wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer__text{text-align:left;width:auto}.footer__text .footernav{display:flex;justify-content:center;align-items:center;gap:15px}.footer__logo{width:auto;margin-top:0;text-align:right}}@media screen and (min-width:1280px){.header__navigation nav #nav li .sub-menu{padding:11px 0 0;list-style:none outside none;margin:0;position:absolute;left:50%;width:auto;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,30px);transition:transform .3s,opacity .3s,visibility,.3s;display:block;min-width:200px}.header__navigation nav #nav li .sub-menu>li a{white-space:nowrap;width:100%;color:#000;text-align:center;font-size:14px;padding:8px 14px;line-height:1.5;transition:var(--transition);display:flex;justify-content:center}.header__navigation nav #nav li .sub-menu>li .sub-menu{left:100%;top:0;padding:10px 2px}.header__navigation nav #nav li .sub-menu>li:hover>a{white-space:nowrap;width:100%;color:#000;display:block;text-align:left;font-size:14px;padding:8px 14px;line-height:1.5;transition:var(--transition);display:flex;background:var(--primary);color:#fff}.header__navigation nav #nav li .sub-menu>li:hover>a .navArrowMob{transform:rotate(180deg)}.header__navigation nav #nav li .sub-menu>li:hover>a .navArrowMob path{fill:#fff}.header__navigation nav #nav li .sub-menu>li:hover>.sub-menu{visibility:visible;opacity:1;transform:translate(0);z-index:20;pointer-events:auto;padding-top:0}.header__navigation nav #nav li:hover .sub-menu{visibility:visible;opacity:1;transform:translate(-50%);z-index:20;pointer-events:auto}}