@font-face{font-family:DM Sans;font-weight:400;font-style:normal;src:url(https://static.itgelectronics.ae/fonts/DM_Sans/DMSans-Regular.ttf) format("truetype")}@font-face{font-family:DM Sans;font-weight:500;font-style:normal;src:url(https://static.itgelectronics.ae/fonts/DM_Sans/DMSans-Medium.ttf) format("truetype")}@font-face{font-family:DM Sans;font-weight:600;font-style:normal;src:url(https://static.itgelectronics.ae/fonts/DM_Sans/DMSans-Bold.ttf) format("truetype")}@font-face{font-family:DM Sans;font-weight:400;font-style:italic;src:url(https://static.itgelectronics.ae/fonts/DM_Sans/DMSans-Italic.ttf) format("truetype")}@font-face{font-family:DM Sans;font-weight:500;font-style:italic;src:url(https://static.itgelectronics.ae/fonts/DM_Sans/DMSans-MediumItalic.ttf) format("truetype")}@font-face{font-family:DM Sans;font-weight:600;font-style:italic;src:url(https://static.itgelectronics.ae/fonts/DM_Sans/DMSans-BoldItalic.ttf) format("truetype")}body,html{height:100%}body{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;font-family:DM Sans,sans-serif;font-size:20px;font-weight:400;color:#0a0a04;line-height:26px}body.fixed{overflow:hidden}b,strong{font-weight:700}.h1,h1{font-size:45px;font-weight:400;line-height:55px}@media screen and (max-width:768px){.h1,h1{font-weight:500}}.button,.footnote,.note{font-size:18px;font-weight:400;line-height:23px}.mobile{display:none}@media screen and (max-width:600px){.mobile{display:block}}@media screen and (max-width:600px){.desktop{display:none}}.container{left:calc(50vw - 640px);width:1280px;margin-left:calc(50% - 640px)}.container.absolute{margin-left:0}.container.relative{left:0}@media screen and (max-width:1320px){.container{width:1060px;left:calc(50vw - 530px);margin-left:calc(50vw - 530px)}.container.absolute{margin-left:0}.container.relative{left:0}}@media screen and (max-width:1100px){.container{width:816px;left:calc(50vw - 408px);margin-left:calc(50vw - 408px)}.container.absolute{margin-left:0}.container.relative{left:0}}@media screen and (max-width:850px){.container{width:734px;left:calc(50vw - 367px);margin-left:calc(50vw - 367px)}.container.absolute{margin-left:0}.container.relative{left:0}}@media screen and (max-width:768px){.container{width:678px;left:calc(50vw - 339px);margin-left:calc(50vw - 339px)}.container.absolute{margin-left:0}.container.relative{left:0}}@media screen and (max-width:712px){.container{width:628px;left:calc(50vw - 314px);margin-left:calc(50vw - 314px)}.container.absolute{margin-left:0}.container.relative{left:0}}@media screen and (max-width:656px){.container{width:566px;left:calc(50vw - 283px);margin-left:calc(50vw - 283px)}.container.absolute{margin-left:0}.container.relative{left:0}}@media screen and (max-width:600px){.container{width:510px;left:calc(50vw - 255px);margin-left:calc(50vw - 255px)}.container.absolute{margin-left:0}.container.relative{left:0}}@media screen and (max-width:544px){.container{width:454px;left:calc(50vw - 227px);margin-left:calc(50vw - 227px)}.container.absolute{margin-left:0}.container.relative{left:0}}@media screen and (max-width:488px){.container{width:408px;left:calc(50vw - 204px);margin-left:calc(50vw - 204px)}.container.absolute{margin-left:0}.container.relative{left:0}}@media screen and (max-width:442px){.container{width:352px;left:calc(50vw - 176px);margin-left:calc(50vw - 176px)}.container.absolute{margin-left:0}.container.relative{left:0}}@media screen and (max-width:386px){.container{width:346px;left:calc(50vw - 173px);margin-left:calc(50vw - 173px)}.container.absolute{margin-left:0}.container.relative{left:0}}@media screen and (max-width:380px){.container{width:96%;left:calc(50vw - 48%);margin-left:calc(50vw - 48%)}.container.absolute{margin-left:0}.container.relative{left:0}}nav.menu{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px}nav.menu .active,nav.menu a{display:block;margin:0 70px 0 0;padding:2px 0;border-bottom:1px solid rgba(0,0,0,0);white-space:nowrap}nav.menu .active:last-child,nav.menu a:last-child{margin:0}@media screen and (max-width:1100px){nav.menu .active,nav.menu a{margin:0 20px 0 0}}.logo-company{width:auto;height:30px}@media screen and (max-width:600px){.logo-company{height:25px}}.fill-button-on-hover{position:relative;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fill-button-on-hover .button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;padding:0 20px 0 0;border-radius:20px;white-space:nowrap}.fill-button-on-hover .button,.fill-button-on-hover .button .block-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fill-button-on-hover .button .block-arrow{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;margin:0 15px 0 0;border:1px solid #0a0a04;border-radius:20px}.fill-button-on-hover .button .block-arrow img{width:15px;height:auto}.fill-button-on-hover .hover{position:absolute;top:0;left:0;width:0;height:100%;-webkit-transition:width .2s linear;-o-transition:width .2s linear;transition:width .2s linear;overflow:hidden}.fill-button-on-hover .hover .button{position:absolute;top:0;left:0;background-color:#0a0a04;color:#fff}.fill-button-on-hover .hover .button .block-arrow{border:1px solid #0025e6;background-color:#0025e6}.fill-button-on-hover:hover{cursor:pointer}.fill-button-on-hover:hover .hover{width:100%}.cookie-container{position:fixed;bottom:0;left:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:32px 56px;background-color:#0a0a04;color:#fff;z-index:5}.cookie-container,.cookie-container .buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.cookie-container .buttons{margin:0 0 0 50px}.cookie-container .buttons .button{width:205px;height:auto;margin:0 18px 0 0;padding:20px 0;border:1px solid #0025e6;border-radius:8px;text-align:center}.cookie-container .buttons .button:last-child{margin:0}.cookie-container .buttons .button:hover{background-color:#0025e6;cursor:pointer}@media screen and (max-width:1320px){.cookie-container .buttons .button{margin:0 0 18px}}@media screen and (max-width:850px){.cookie-container .buttons .button{margin:0 18px 0 0}}@media screen and (max-width:544px){.cookie-container .buttons .button{width:140px;padding:11px 0}}@media screen and (max-width:1320px){.cookie-container .buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width:850px){.cookie-container .buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:50px 0 0}}@media screen and (max-width:544px){.cookie-container .buttons{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:20px 0 0}}@media screen and (max-width:850px){.cookie-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px calc(50vw - 367px)}}@media screen and (max-width:768px){.cookie-container{padding:20px calc(50vw - 339px)}}@media screen and (max-width:712px){.cookie-container{padding:20px calc(50vw - 314px)}}@media screen and (max-width:656px){.cookie-container{padding:20px calc(50vw - 283px)}}@media screen and (max-width:600px){.cookie-container{padding:20px calc(50vw - 255px)}}@media screen and (max-width:544px){.cookie-container{padding:20px calc(50vw - 227px)}}@media screen and (max-width:488px){.cookie-container{padding:20px calc(50vw - 204px)}}@media screen and (max-width:442px){.cookie-container{padding:20px calc(50vw - 176px)}}@media screen and (max-width:386px){.cookie-container{padding:20px calc(50vw - 173px)}}@media screen and (max-width:380px){.cookie-container{padding:20px 2%}}@media screen and (max-width:1320px){body{font-size:20px;line-height:26px}.h1,h1{font-size:44px;line-height:54px}.button,.error-text,.footnote,.note{font-size:18px;line-height:23px}}@media screen and (max-width:1100px){body{font-size:20px;line-height:26px}.h1,h1{font-size:44px;line-height:54px}.button,.error-text,.footnote,.note{font-size:18px;line-height:23px}}@media screen and (max-width:850px){body{font-size:19px;line-height:26px}.h1,h1{font-size:44px;line-height:54px}.button,.error-text,.footnote,.note{font-size:18px;line-height:23px}}@media screen and (max-width:768px){body{font-size:19px;line-height:26px}.h1,h1{font-size:44px;line-height:54px}.button,.error-text,.footnote,.note{font-size:18px;line-height:23px}}@media screen and (max-width:712px){body{font-size:19px;line-height:26px}.h1,h1{font-size:44px;line-height:54px}.button,.error-text,.footnote,.note{font-size:18px;line-height:23px}}@media screen and (max-width:656px){body{font-size:18px;line-height:25px}.h1,h1{font-size:44px;line-height:54px}.button,.error-text,.footnote,.note{font-size:18px;line-height:23px}}@media screen and (max-width:600px){body{font-size:18px;line-height:25px}.h1,h1{font-size:43px;line-height:52px}.button,.error-text,.footnote,.note{font-size:18px;line-height:23px}}@media screen and (max-width:544px){body{font-size:18px;line-height:25px}.h1,h1{font-size:40px;line-height:48px}.button,.error-text,.footnote,.note{font-size:18px;line-height:23px}}@media screen and (max-width:488px){body{font-size:17px;line-height:25px}.h1,h1{font-size:38px;line-height:44px}.button,.error-text,.footnote,.note{font-size:18px;line-height:23px}}@media screen and (max-width:442px){body{font-size:17px;line-height:25px}.h1,h1{font-size:36px;line-height:40px}.button,.error-text,.footnote,.note{font-size:18px;line-height:23px}}@media screen and (max-width:386px){body{font-size:16px;line-height:25px}.h1,h1{font-size:33px;line-height:38px}.button,.error-text,.footnote,.note{font-size:18px;line-height:23px}}@media screen and (max-width:380px){body{font-size:16px;line-height:25px}.h1,h1{font-size:30px;line-height:37px}.button,.error-text,.footnote,.note{font-size:18px;line-height:23px}}main{position:relative;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;padding:170px 0 120px}@media screen and (max-width:600px){main{padding:0 0 45px}}header{position:absolute;top:0;left:0;width:100%;padding:30px 0;background-color:#fff;z-index:1}header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .container nav a:hover{border-bottom:1px solid #0a0a04}@media screen and (max-width:600px){header .container nav a:hover{border-bottom:1px solid #fff}}header .container nav .active{border-bottom:1px solid #0a0a04}header .container nav .active:hover{cursor:default}@media screen and (max-width:600px){header .container nav .active{border-bottom:1px solid #fff}}@media screen and (max-width:850px){header .container nav{padding:50px 0 0}}@media screen and (max-width:600px){header .container nav{position:fixed;top:0;left:0;display:none;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100vw;height:100vh;max-height:100vh;padding:86px 35px 100px 30px;background-color:#0a0a04;overflow-y:auto;z-index:5}header .container nav .active,header .container nav a{margin:0 0 40px;font-size:30px;color:#fff;white-space:normal}header .container nav .active:last-child,header .container nav a:last-child{margin:0}}header .container #checkbox-menu{display:none}header .container #checkbox-menu:checked~nav{display:-webkit-box;display:-ms-flexbox;display:flex}header .container #checkbox-menu:checked~.icon-menu{border:1px solid #fff;z-index:6}header .container #checkbox-menu:checked~.icon-menu .line{position:absolute;top:calc(50% - .5px);background-color:#fff;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}header .container #checkbox-menu:checked~.icon-menu .line:nth-child(2){-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg)}header .container .icon-menu{position:relative;display:none;width:35px;height:35px;border:1px solid #0a0a04;border-radius:17.5px}header .container .icon-menu .line{position:absolute;top:13px;left:calc(50% - 10.5px);width:21px;height:1px;background-color:#0a0a04}header .container .icon-menu .line:nth-child(2){top:unset;bottom:13px}header .container .icon-menu:hover{cursor:pointer}@media screen and (max-width:600px){header .container .icon-menu{display:block}}@media screen and (max-width:850px){header .container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width:600px){header .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}header.header-in-main-page{background-color:rgba(0,0,0,0)}header.header-in-main-page .container nav{color:#fff}header.header-in-main-page .container nav a:hover{border-bottom:1px solid #fff}header.header-in-main-page .container nav .active{border-bottom:1px solid #fff}header.header-in-main-page .container .icon-menu{border:1px solid #fff}header.header-in-main-page .container .icon-menu .line{background-color:#fff}@media screen and (max-width:600px){header.header-in-main-page{position:absolute}}@media screen and (max-width:600px){header{position:static}}footer{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding:51px 0 40px;background-color:#0a0a04}footer .container{color:hsla(0,0%,100%,.6)}footer .container .top-part{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 125px;border-bottom:1px solid hsla(0,0%,100%,.3)}footer .container .top-part nav a:hover{border-bottom:1px solid #fff;color:#fff}footer .container .top-part nav .active:hover{cursor:default}@media screen and (max-width:850px){footer .container .top-part nav{padding:50px 0 0}}@media screen and (max-width:600px){footer .container .top-part nav{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:25px 0 0}footer .container .top-part nav .active,footer .container .top-part nav a{margin:0 0 20px}footer .container .top-part nav .active:last-child,footer .container .top-part nav a:last-child{margin:0}}@media screen and (max-width:850px){footer .container .top-part{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width:600px){footer .container .top-part{padding:0 0 40px}}footer .container .bottom-part{padding:30px 0 0;text-align:center}@media screen and (max-width:850px){footer .container .bottom-part{text-align:justify}}@media screen and (max-width:600px){footer{padding:30px 0 40px}}