.elementor-58740 .elementor-element.elementor-element-482d93b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6px;--padding-bottom:6px;--padding-left:28px;--padding-right:28px;--z-index:99999;}.elementor-58740 .elementor-element.elementor-element-482d93b9:not(.elementor-motion-effects-element-type-background), .elementor-58740 .elementor-element.elementor-element-482d93b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-58740 .elementor-element.elementor-element-245ea5da{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58740 .elementor-element.elementor-element-245ea5da.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-58740 .elementor-element.elementor-element-4a88beb5{text-align:start;}.elementor-58740 .elementor-element.elementor-element-4a88beb5 img{width:67px;max-width:98%;}.elementor-58740 .elementor-element.elementor-element-5435238{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 18px;--row-gap:0px;--column-gap:18px;--margin-top:0px;--margin-bottom:0px;--margin-left:-15px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58740 .elementor-element.elementor-element-5435238.e-con{--align-self:center;} .elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover, .elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus, .elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active, .elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{background-color:var( --e-global-color-secondary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel{background-color:var( --e-global-color-accent );border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF30;border-radius:15px 15px 15px 15px;min-width:200px;box-shadow:1px 1px 15px 0px rgba(0, 0, 0, 0);}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-hamburger{background-color:#EAEDF300;float:right;border-style:solid;border-color:#02010100;}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-close{background-color:#FFFFFF00;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );border-style:solid;border-color:#02010100;color:var( --e-global-color-accent );}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-close:hover{background-color:#02010100;color:#FFFFFF;}.elementor-58740 .elementor-element.elementor-element-64499001{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;}.elementor-58740 .elementor-element.elementor-element-64499001 > .elementor-widget-container{margin:-14px 0px -15px 0px;}.elementor-58740 .elementor-element.elementor-element-64499001.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-menu-container{height:72px;border-radius:0px 0px 0px 0px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-primary );padding:0px 15px 0px 15px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a:hover{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a:focus{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a:active{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li:hover > a{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li.current-menu-item > a{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li.current-menu-ancestor > a{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{font-size:9px;color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );border-style:none;border-radius:20px 20px 20px 20px;padding:2px 6px 2px 6px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{font-size:9px;color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );border-radius:20px 20px 20px 20px;padding:2px 6px 2px 6px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav-default .elementskit-dropdown-has>a .elementskit-submenu-indicator{margin:0px 0px 0px 9px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav-default .elementskit-dropdown-has>a .ekit-submenu-indicator-icon{margin:0px 0px 0px 9px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-family:"gilroy kz", Sans-serif;font-size:15px;font-weight:500;padding:1px 15px 1px 35px;color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:var( --e-global-color-text );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:var( --e-global-color-text );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:var( --e-global-color-text );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:var( --e-global-color-text );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li:last-child > a{border-style:solid;border-width:0px 0px 0px 0px;border-color:#02010100;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-submenu-panel{padding:22px 0px 25px 0px;}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-hamburger > .ekit-menu-icon{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:var( --e-global-color-secondary );}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:var( --e-global-color-secondary );}.elementor-58740 .elementor-element.elementor-element-447326df{width:initial;max-width:initial;}.elementor-58740 .elementor-element.elementor-element-447326df.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-58740 .elementor-element.elementor-element-447326df .cpel-switcher__lang a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-primary );padding-left:6px;padding-right:6px;padding-top:6px;padding-bottom:6px;}.elementor-58740 .elementor-element.elementor-element-447326df .cpel-switcher__icon{color:var( --e-global-color-primary );padding-left:10px;}.elementor-58740 .elementor-element.elementor-element-447326df .cpel-switcher__lang a:hover, .elementor-58740 .elementor-element.elementor-element-447326df .cpel-switcher__lang a:focus{color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-447326df.cpel-switcher--aspect-ratio-11 .cpel-switcher__flag{width:20px;height:20px;}.elementor-58740 .elementor-element.elementor-element-447326df.cpel-switcher--aspect-ratio-43 .cpel-switcher__flag{width:20px;height:calc(20px * 0.75);}.elementor-58740 .elementor-element.elementor-element-447326df .cpel-switcher__flag img{border-radius:10px;}.elementor-58740 .elementor-element.elementor-element-447326df .cpel-switcher__code{padding-left:10px;}.elementor-58740 .elementor-element.elementor-element-6580b637{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-10px;--margin-bottom:-10px;--margin-left:-10px;--margin-right:-10px;}.elementor-58740 .elementor-element.elementor-element-2e34baa7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-58740 .elementor-element.elementor-element-482d93b9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-58740 .elementor-element.elementor-element-4a88beb5 img{width:115px;}.elementor-58740 .elementor-element.elementor-element-64499001 > .elementor-widget-container{margin:3px -13px 0px 10px;padding:0px 0px 0px 0px;}.elementor-58740 .elementor-element.elementor-element-64499001.elementor-element{--order:99999 /* order end hack */;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-menu-container{background-color:#003F4E;max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a{font-size:var( --e-global-typography-accent-font-size );color:#FFFFFFA6;padding:7px 15px 7px 30px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a:hover{color:#FFFFFF;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a:focus{color:#FFFFFF;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a:active{color:#FFFFFF;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li:hover > a{color:#FFFFFF;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li.current-menu-item > a{color:#FFFFFF;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#FFFFFF;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#FFFFFF;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav-default .elementskit-dropdown-has>a .elementskit-submenu-indicator{margin:0px 0px 0px 200px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav-default .elementskit-dropdown-has>a .ekit-submenu-indicator-icon{margin:0px 0px 0px 200px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:5px 15px 5px 15px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li:last-child > a{border-width:0px 0px 0px 0px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-submenu-panel{padding:10px 0px 10px 30px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel{border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-hamburger{float:right;padding:0px 0px 0px 0px;width:45px;border-radius:0px;border-width:0px 0px 0px 0px;}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-hamburger > .ekit-menu-icon{font-size:26px;}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-close{font-size:var( --e-global-typography-accent-font-size );padding:0px 0px 0px 0px;margin:12px 12px 12px 12px;width:45px;border-radius:0px;border-width:0px 0px 0px 0px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-nav-logo > img{max-width:145px;max-height:70px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-nav-logo{margin:7px 0px 30px 25px;padding:5px 5px 5px 5px;}.elementor-58740 .elementor-element.elementor-element-447326df .cpel-switcher__lang a{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-58740 .elementor-element.elementor-element-482d93b9{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-58740 .elementor-element.elementor-element-245ea5da{--width:32%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-58740 .elementor-element.elementor-element-4a88beb5 > .elementor-widget-container{margin:-2px 0px 0px 0px;}.elementor-58740 .elementor-element.elementor-element-4a88beb5.elementor-element{--align-self:center;}.elementor-58740 .elementor-element.elementor-element-4a88beb5 img{width:100px;}.elementor-58740 .elementor-element.elementor-element-5435238{--width:68%;}.elementor-58740 .elementor-element.elementor-element-64499001{width:var( --container-widget-width, 174.512px );max-width:174.512px;--container-widget-width:174.512px;--container-widget-flex-grow:0;align-self:center;}.elementor-58740 .elementor-element.elementor-element-64499001 > .elementor-widget-container{margin:3px -12px 0px 5px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-menu-container{background-color:var( --e-global-color-primary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a{font-size:var( --e-global-typography-accent-font-size );color:var( --e-global-color-accent );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{font-size:15px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{font-size:15px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav > li ul li .elementskit-submenu-indicator{font-size:5px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav-default .elementskit-dropdown-has>a .elementskit-submenu-indicator{margin:0px 0px 0px 160px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav-default .elementskit-dropdown-has>a .ekit-submenu-indicator-icon{margin:0px 0px 0px 160px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-size:13px;color:var( --e-global-color-secondary );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:var( --e-global-color-accent );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:var( --e-global-color-accent );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:var( --e-global-color-accent );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:var( --e-global-color-accent );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:var( --e-global-color-accent );}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-submenu-panel{padding:7px 0px 9px 0px;}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-hamburger{float:right;}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-hamburger > .ekit-menu-icon{font-size:27px;}.elementor-58740 .elementor-element.elementor-element-64499001 button.elementskit-menu-close{font-size:var( --e-global-typography-accent-font-size );border-width:0px 0px 0px 0px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-nav-logo > img{max-width:135px;max-height:50px;}.elementor-58740 .elementor-element.elementor-element-64499001 .elementskit-nav-logo{margin:7px 0px 20px 25px;}.elementor-58740 .elementor-element.elementor-element-447326df .cpel-switcher__lang a{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-58740 .elementor-element.elementor-element-245ea5da{--width:6.11%;}.elementor-58740 .elementor-element.elementor-element-2e34baa7{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-58740 .elementor-element.elementor-element-245ea5da{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-482d93b9 *//* ========================================================= IEC HEADER — FINAL CLEAN CSS ========================================================= */ /* ========================================================= 01. HEADER ========================================================= */ .elementor-58740 .elementor-element.elementor-element-482d93b9{ position: relative; width: 100%; z-index: 99999; background: transparent !important; border-bottom: 1px solid rgba(255,255,255,.15); box-shadow: none !important; overflow: visible !important; transition: background .28s ease, border-color .28s ease, box-shadow .28s ease; } /* HERO начинается под header */ .elementor-58740 .elementor-element.elementor-element-482d93b9:not(.elementor-sticky--active){ margin-bottom: -84px !important; } /* после прокрутки */ .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects{ background: #FFFFFF !important; border-bottom-color: rgba(0,35,106,.08) !important; box-shadow: 0 8px 30px rgba(0,25,70,.10) !important; } /* ========================================================= 02. LOGO ========================================================= */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-header-logo img{ filter: brightness(0) invert(1); transition: filter .28s ease; } .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects .iec-header-logo img{ filter: none !important; } /* ========================================================= 03. DESKTOP MENU ========================================================= */ @media (min-width:1025px){ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .ekit-wid-con, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-container, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav{ position: static !important; overflow: visible !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu{ flex: 1 1 auto !important; min-width: 0 !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav{ width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 28px !important; background: transparent !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li{ position: static !important; flex: 0 0 auto !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > a, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .ekit-menu-nav-link{ padding-left: 0 !important; padding-right: 0 !important; color: #FFFFFF !important; font-family: "Gilroy KZ", Gilroy, Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.15 !important; white-space: nowrap !important; transition: color .22s ease, opacity .22s ease; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > a:hover{ color: #FFFFFF !important; opacity: .72; } /* ===================================================== PLUS — ВСЕГДА ВИДЕН ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-submenu-indicator{ display: inline-flex !important; align-items: center !important; justify-content: center !important; opacity: 1 !important; visibility: visible !important; margin-left: 8px !important; color: #FFFFFF !important; font-size: 10px !important; background: transparent !important; border: 0 !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-submenu-indicator i, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-submenu-indicator svg{ color: currentColor !important; fill: currentColor !important; stroke: currentColor !important; opacity: 1 !important; } /* ===================================================== SCROLL COLORS ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects .iec-real-menu .elementskit-navbar-nav > li > a, .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects .iec-real-menu .elementskit-navbar-nav > li > .ekit-menu-nav-link, .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects .iec-real-menu .elementskit-submenu-indicator{ color: #00236A !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects .iec-real-menu .elementskit-navbar-nav > li > a:hover{ color: #A70030 !important; opacity: 1; } /* ===================================================== 04. MEGA MENU — LEVEL 2 ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown.elementskit-submenu-panel{ position: absolute !important; top: 100% !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: min(1280px, calc(100vw - 64px)) !important; min-width: min(1280px, calc(100vw - 64px)) !important; max-width: 1280px !important; min-height: 390px !important; margin: 0 !important; padding: 30px 690px 30px 30px !important; background: #141519 !important; border: 1px solid rgba(255,255,255,.07) !important; border-radius: 0 0 24px 24px !important; box-shadow: 0 26px 75px rgba(0,0,0,.32) !important; overflow: visible !important; z-index: 100000 !important; } /* ===================================================== LEVEL 2 — LEFT ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown > li{ position: static !important; width: 100% !important; max-width: 560px !important; margin: 0 0 2px !important; padding: 0 !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown > li > a{ width: 100% !important; min-height: 40px; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 9px 14px !important; color: rgba(255,255,255,.76) !important; background: transparent !important; border: 0 !important; border-radius: 9px !important; font-family: "Gilroy KZ", Gilroy, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.3 !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown > li > a:hover{ color: #FFFFFF !important; background: #A70030 !important; } /* PLUS ВНУТРИ LEVEL 2 */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown > li.menu-item-has-children .elementskit-submenu-indicator{ margin-left: auto !important; color: rgba(255,255,255,.72) !important; opacity: 1 !important; visibility: visible !important; } /* ===================================================== 05. LEVEL 3 — RIGHT ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown > li.menu-item-has-children > .elementskit-dropdown.elementskit-submenu-panel{ position: absolute !important; top: 30px !important; bottom: 30px !important; left: 610px !important; right: 30px !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 0 0 30px !important; background: transparent !important; border: 0 !important; border-left: 1px solid rgba(255,255,255,.16) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* показываем справа */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown > li.menu-item-has-children:hover > .elementskit-dropdown.elementskit-submenu-panel, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown > li.menu-item-has-children:focus-within > .elementskit-dropdown.elementskit-submenu-panel{ opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown > li.menu-item-has-children > .elementskit-dropdown > li{ display: block !important; width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown > li.menu-item-has-children > .elementskit-dropdown > li > a, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown > li.menu-item-has-children > .elementskit-dropdown > li > a span{ min-height: 43px; display: flex !important; align-items: center !important; padding: 10px 14px !important; color: rgba(255,255,255,.84) !important; background: rgba(255,255,255,.045) !important; border-radius: 10px !important; font-family: "Gilroy KZ", Gilroy, Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.35 !important; letter-spacing: .15px !important; word-spacing: 1px !important; text-transform: none !important; text-decoration: none !important; -webkit-font-smoothing: antialiased !important; text-rendering: optimizeLegibility !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown > li.menu-item-has-children > .elementskit-dropdown > li > a:hover{ color: #FFFFFF !important; background: rgba(255,255,255,.11) !important; } } /* ========================================================= 06. LANGUAGE SWITCHER ========================================================= */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher{ position: relative !important; z-index: 100001 !important; flex: 0 0 auto !important; width: auto !important; overflow: visible !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher > .elementor-widget-container, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__nav{ margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* RU */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle{ min-width: 88px !important; min-height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; padding: 0 13px !important; margin: 0 !important; background: rgba(7,20,42,.34) !important; border: 1px solid rgba(255,255,255,.30) !important; border-radius: 22px !important; box-shadow: none !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle *{ color: #FFFFFF !important; font-family: "Gilroy KZ", Gilroy, Arial, sans-serif !important; font-size: 14px !important; } /* убираем старую иконку */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle i, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle svg, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle .cpel-switcher__icon{ display: none !important; } /* своя стрелка */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle::after{ content: "" !important; display: block !important; width: 6px; height: 6px; margin-left: 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); opacity: .75; transition: transform .18s ease; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle--on::after{ transform: rotate(225deg); } /* ========================================================= LANGUAGE DROPDOWN ========================================================= */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__list{ display: none !important; position: absolute !important; top: calc(100% + 7px) !important; right: 0 !important; left: auto !important; width: 120px !important; margin: 0 !important; padding: 6px !important; background: #FFFFFF !important; border: 1px solid rgba(0,35,106,.08) !important; border-radius: 14px !important; box-shadow: 0 15px 38px rgba(7,24,59,.16) !important; } /* ОТКРЫТИЕ ТОЛЬКО ПО КЛИКУ */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle--on + .cpel-switcher__list, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher: has(.cpel-switcher__toggle--on) .cpel-switcher__list{ display: block !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__list li{ margin: 0 !important; padding: 0 !important; list-style: none !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__list a{ min-height: 38px; display: flex !important; align-items: center !important; gap: 9px; padding: 8px 10px !important; color: #00236A !important; background: transparent !important; border-radius: 9px !important; font-family: "Gilroy KZ", Gilroy, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; text-decoration: none !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__list a:hover{ background: #EEF3FA !important; } /* LANGUAGE AFTER SCROLL */ .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects .iec-lang-switcher .cpel-switcher__toggle{ background: #F4F7FB !important; border-color: rgba(0,35,106,.10) !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects .iec-lang-switcher .cpel-switcher__toggle, .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects .iec-lang-switcher .cpel-switcher__toggle *{ color: #00236A !important; } /* ========================================================= 07. MOBILE / TABLET ========================================================= */ @media (max-width:1024px){ .elementor-58740 .elementor-element.elementor-element-482d93b9, .elementor-58740 .elementor-element.elementor-element-482d93b9:not(.elementor-sticky--active){ margin-bottom: 0 !important; padding: 8px 14px !important; background: #FFFFFF !important; border-bottom: 1px solid rgba(0,35,106,.08) !important; box-shadow: 0 5px 20px rgba(0,25,70,.07) !important; } /* LOGO */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-header-logo img{ width: 55px !important; filter: none !important; } /* MENU WIDGET */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu{ flex: 0 0 auto !important; width: auto !important; } /* BURGER */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-hamburger{ width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; color: #00236A !important; background: #F4F7FB !important; border: 1px solid rgba(0,35,106,.10) !important; border-radius: 50% !important; } /* OFFCANVAS */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-container{ width: min(88vw,390px) !important; max-width: 390px !important; height: 100vh !important; padding: 75px 18px 30px !important; background: #0D1830 !important; overflow-y: auto !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav{ display: block !important; width: 100% !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li{ position: relative !important; width: 100% !important; border-bottom: 1px solid rgba(255,255,255,.10); } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > a{ min-height: 54px; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 14px 6px !important; color: #FFFFFF !important; font-family: "Gilroy KZ", Gilroy, Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; } /* mobile plus */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-submenu-indicator{ opacity: 1 !important; visibility: visible !important; color: #FFFFFF !important; background: transparent !important; border: 0 !important; } /* level 2 + level 3 accordion */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-dropdown.elementskit-submenu-panel, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-dropdown .elementskit-dropdown.elementskit-submenu-panel{ position: static !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 0 10px 14px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; transform: none !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-dropdown li > a{ min-height: 42px; padding: 9px 8px !important; color: rgba(255,255,255,.76) !important; background: transparent !important; border-radius: 8px !important; font-family: "Gilroy KZ", Gilroy, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-dropdown li > a:hover{ color: #FFFFFF !important; background: rgba(255,255,255,.08) !important; } /* CLOSE */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-close{ color: #FFFFFF !important; background: transparent !important; border: 0 !important; } /* LANGUAGE MOBILE */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher{ margin-left: 8px !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle{ min-width: 72px !important; min-height: 40px !important; background: #F4F7FB !important; border-color: rgba(0,35,106,.10) !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle *{ color: #00236A !important; } } /* ========================================================= 08. ELEMENTOR EDITOR ========================================================= */ body.elementor-editor-active .elementor-58740 .elementor-element.elementor-element-482d93b9{ margin-bottom: 0 !important; background: #FFFFFF !important; } body.elementor-editor-active .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-header-logo img{ filter: none !important; } body.elementor-editor-active .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > a, body.elementor-editor-active .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-submenu-indicator{ color: #00236A !important; } /* ========================================================= LANGUAGE DROPDOWN — FINAL CLICK FIX ========================================================= */ /* закрыт */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__list { display: none !important; position: absolute !important; top: calc(100% + 8px) !important; right: 0 !important; left: auto !important; width: 120px !important; min-width: 120px !important; margin: 0 !important; padding: 6px !important; background: #FFFFFF !important; border: 1px solid rgba(0,35,106,.08) !important; border-radius: 14px !important; box-shadow: 0 15px 38px rgba(7,24,59,.16) !important; z-index: 999999 !important; } /* открываем нашим классом */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher.iec-lang-open .cpel-switcher__list { display: block !important; } /* элементы */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__list li { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__list li a { min-height: 38px !important; display: flex !important; align-items: center !important; gap: 9px; padding: 8px 10px !important; color: #00236A !important; background: transparent !important; border-radius: 9px !important; font-family: "Gilroy KZ", Gilroy, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__list li a:hover { background: #EEF3FA !important; } /* стрелка вниз */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle::after { content: "" !important; width: 6px; height: 6px; display: block !important; margin-left: 3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .18s ease; } /* стрелка вверх */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher.iec-lang-open .cpel-switcher__toggle::after { transform: rotate(225deg); } /* ========================================= LANGUAGE ARROW — FIX ========================================= */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle{ position: relative !important; padding-right: 34px !important; } /* стрелка справа */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle::after{ content: "" !important; position: absolute !important; top: 50% !important; right: 14px !important; width: 6px !important; height: 6px !important; display: block !important; margin: 0 !important; border-right: 1.5px solid currentColor !important; border-bottom: 1.5px solid currentColor !important; transform: translateY(-65%) rotate(45deg) !important; opacity: .8 !important; pointer-events: none !important; transition: transform .2s ease !important; } /* когда список языков открыт */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher.iec-lang-open .cpel-switcher__toggle::after{ transform: translateY(-30%) rotate(225deg) !important; } /* ========================================================= IEC HEADER — MOBILE FINAL DESKTOP НЕ ТРОГАЕТ ========================================================= */ @media (max-width: 767px) { /* ===================================================== 1. HEADER ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 { width: 100% !important; padding: 8px 14px !important; overflow: visible !important; background: transparent !important; border-bottom: 1px solid rgba(255,255,255,.14) !important; box-shadow: none !important; } /* HERO остаётся под header */ .elementor-58740 .elementor-element.elementor-element-482d93b9:not(.elementor-sticky--active) { margin-bottom: -70px !important; } /* после scroll */ .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects { background: #FFFFFF !important; border-bottom-color: rgba(0,35,106,.08) !important; box-shadow: 0 6px 22px rgba(0,25,70,.10) !important; } /* ===================================================== 2. ОСНОВНАЯ СТРОКА LOGO BURGER RU ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 > .e-con-inner { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; gap: 8px !important; } /* контейнер логотипа */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-header-logo { flex: 0 0 auto !important; width: auto !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-header-logo img { width: 50px !important; max-width: 50px !important; height: auto !important; } /* правая часть */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu { flex: 0 0 auto !important; width: auto !important; margin-left: auto !important; } /* ===================================================== 3. BURGER ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-hamburger { width: 42px !important; height: 42px !important; min-width: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; color: #FFFFFF !important; background: rgba(7,20,42,.34) !important; border: 1px solid rgba(255,255,255,.28) !important; border-radius: 50% !important; box-shadow: none !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } /* burger после scroll */ .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects .iec-real-menu .elementskit-menu-hamburger { color: #00236A !important; background: #F4F7FB !important; border-color: rgba(0,35,106,.10) !important; } /* ===================================================== 4. MOBILE OFFCANVAS MENU ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-container { position: fixed !important; top: 0 !important; left: 0 !important; right: auto !important; width: 88vw !important; max-width: 370px !important; height: 100dvh !important; min-height: 100vh !important; padding: 76px 18px 28px !important; background: #10141D !important; border: 0 !important; box-shadow: 18px 0 55px rgba(0,0,0,.30) !important; overflow-x: hidden !important; overflow-y: auto !important; z-index: 1000000 !important; } /* ===================================================== 5. ОСНОВНЫЕ РАЗДЕЛЫ ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav { width: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li { position: relative !important; width: 100% !important; margin: 0 !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > a { width: 100% !important; min-height: 56px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 15px 4px !important; color: #FFFFFF !important; background: transparent !important; font-family: "Gilroy KZ", Gilroy, Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.25 !important; white-space: normal !important; } /* ===================================================== 6. PLUS ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-submenu-indicator { width: 34px !important; height: 34px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 34px !important; margin-left: 10px !important; color: #FFFFFF !important; background: rgba(255,255,255,.07) !important; border: 0 !important; border-radius: 50% !important; opacity: 1 !important; visibility: visible !important; } /* ===================================================== 7. LEVEL 2 обычный accordion ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav > li > .elementskit-dropdown.elementskit-submenu-panel { position: static !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 4px 0 12px 12px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-dropdown > li { position: relative !important; width: 100% !important; max-width: none !important; margin: 0 !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-dropdown > li > a { min-height: 44px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 8px !important; color: rgba(255,255,255,.76) !important; background: transparent !important; border: 0 !important; border-radius: 8px !important; font-family: "Gilroy KZ", Gilroy, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-dropdown > li > a:hover { color: #FFFFFF !important; background: rgba(255,255,255,.08) !important; } /* ===================================================== 8. LEVEL 3 ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-dropdown > li.menu-item-has-children > .elementskit-dropdown.elementskit-submenu-panel { position: static !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 3px 0 8px 14px !important; background: transparent !important; border: 0 !important; border-left: 1px solid rgba(255,255,255,.14) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-dropdown > li.menu-item-has-children > .elementskit-dropdown li > a { min-height: 40px !important; padding: 9px 10px !important; color: rgba(255,255,255,.65) !important; background: transparent !important; font-family: "Gilroy KZ", Gilroy, Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.3 !important; } /* ===================================================== 9. CLOSE BUTTON ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-close { position: absolute !important; top: 18px !important; right: 18px !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; color: #FFFFFF !important; background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 50% !important; } /* ===================================================== 10. LANGUAGE ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher { flex: 0 0 auto !important; width: auto !important; margin: 0 0 0 6px !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle { min-width: 74px !important; min-height: 42px !important; padding: 0 30px 0 10px !important; background: rgba(7,20,42,.34) !important; border: 1px solid rgba(255,255,255,.28) !important; border-radius: 22px !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle, .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle * { color: #FFFFFF !important; font-size: 13px !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects .iec-lang-switcher .cpel-switcher__toggle { background: #F4F7FB !important; border-color: rgba(0,35,106,.10) !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects .iec-lang-switcher .cpel-switcher__toggle, .elementor-58740 .elementor-element.elementor-element-482d93b9.elementor-sticky--effects .iec-lang-switcher .cpel-switcher__toggle * { color: #00236A !important; } /* dropdown языков на мобильном */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__list { top: calc(100% + 8px) !important; right: 0 !important; width: 112px !important; padding: 6px !important; border-radius: 14px !important; z-index: 1000001 !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__list a { min-height: 38px !important; padding: 8px 9px !important; font-size: 13px !important; } } /* ========================================================= MOBILE OFFCANVAS — OPEN/CLOSE FIX ДОБАВИТЬ В САМЫЙ КОНЕЦ CSS ========================================================= */ @media (max-width: 767px) { /* ===================================================== 1. МЕНЮ ПО УМОЛЧАНИЮ ЗАКРЫТО ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-container { position: fixed !important; top: 0 !important; left: -110vw !important; right: auto !important; width: min(88vw, 370px) !important; max-width: 370px !important; height: 100dvh !important; min-height: 100vh !important; padding: 76px 18px 28px !important; background: #10141D !important; box-shadow: 18px 0 55px rgba(0,0,0,.30) !important; overflow-x: hidden !important; overflow-y: auto !important; visibility: hidden !important; pointer-events: none !important; transition: left .28s ease, visibility .28s ease !important; z-index: 1000000 !important; } /* ===================================================== 2. ELEMENTSKIT ДОБАВИЛ .active → ОТКРЫВАЕМ ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-container.active { left: 0 !important; visibility: visible !important; pointer-events: auto !important; } /* ===================================================== 3. OVERLAY ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-overlay { position: fixed !important; inset: 0 !important; background: rgba(4,12,28,.55) !important; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .25s ease, visibility .25s ease !important; z-index: 999999 !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-overlay.active { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* ===================================================== 4. ЗОНА ЗАКРЫВАШКИ ОТДЕЛЯЕМ ЕЁ ОТ ТЕКСТА ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-nav-identity-panel { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 66px !important; margin: 0 !important; padding: 0 !important; background: #10141D !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; pointer-events: none !important; z-index: 5 !important; } /* логотип внутри offcanvas не нужен */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-nav-identity-panel .elementskit-nav-logo { display: none !important; } /* ===================================================== 5. КНОПКА X ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-close { position: absolute !important; top: 13px !important; right: 14px !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; color: #FFFFFF !important; background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 50% !important; font-size: 22px !important; line-height: 1 !important; pointer-events: auto !important; z-index: 10 !important; } .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-menu-close:hover { background: rgba(255,255,255,.14) !important; } /* ===================================================== 6. ПЕРВЫЙ ПУНКТ МЕНЮ НЕ ЛЕЗЕТ ПОД X ===================================================== */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu .elementskit-navbar-nav { padding-top: 4px !important; } /* ===================================================== 7. ЧТОБЫ СТРАНИЦА НЕ ЕЗДИЛА ПО ГОРИЗОНТАЛИ ===================================================== */ html, body { max-width: 100% !important; overflow-x: hidden !important; } } /* ========================================================= MOBILE HEADER — REAL CENTER FIX ========================================================= */ @media (max-width: 767px) { /* ВЕСЬ HEADER — точка отсчёта */ .elementor-58740 .elementor-element.elementor-element-482d93b9 { position: relative !important; } /* ВАЖНО: родитель языка больше НЕ является точкой отсчёта */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .e-con:has(.iec-lang-switcher), .elementor-58740 .elementor-element.elementor-element-482d93b9 .e-con-inner:has(.iec-lang-switcher) { position: static !important; } /* ЯЗЫК — РОВНО ПО ЦЕНТРУ ВСЕЙ ШАПКИ */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher { position: absolute !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; transform: translate(-50%, -50%) !important; z-index: 100 !important; } /* кнопка RU / KZ / EN */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__toggle { width: auto !important; min-width: 88px !important; height: 42px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* dropdown тоже под центральной кнопкой */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-lang-switcher .cpel-switcher__list { top: calc(100% + 8px) !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; } /* ЛОГОТИП — СЛЕВА */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-header-logo { position: relative !important; z-index: 20 !important; margin: 0 !important; } /* BURGER — СПРАВА */ .elementor-58740 .elementor-element.elementor-element-482d93b9 .iec-real-menu { position: relative !important; margin-left: auto !important; z-index: 20 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6580b637 */.elementor-58740 .elementor-element.elementor-element-6580b637{display:none !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;}/* End custom CSS */