



:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(255, 200, 104, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(225, 170, 74, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(8, 81, 255, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(229, 188, 103, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1000rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(15rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(15rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(15rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{}
{background-color:rgba(17, 20, 47, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){{background-attachment:scroll!important}}
.myHorizon{background-color:rgba(255, 255, 255, 0.80) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.myHorizon{background-attachment:scroll!important}}
 .myMenu>.menu a, .menu.myMenu a{--menu-link-color:rgba(197, 161, 87, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(17, 20, 47, 1.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .myMenu>.menu .menu-text, .menu.myMenu .menu-text{--menu-text-color:rgba(15, 128, 255, 1.00)} .myMenu>.menu a:hover, .menu.myMenu a:hover{--menu-bg-color:rgba(22, 27, 59, 0.50)} .myMenu>.menu>li>a, .menu.myMenu>li>a{padding-top:1rem;padding-bottom:1rem} .myMenu>.menu .submenu>li>a, .menu.myMenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .myMenu>.menu li.active>a, .myMenu>.menu li.is-active>a, .myMenu>.menu a.is-active, .menu.myMenu li.active>a, .menu.myMenu li.is-active>a, .menu.myMenu a.is-active{--menu-bg-color:rgba(16, 0, 145, 1.00);--menu-link-color:rgba(255, 229, 118, 1.00);--menu-caret-color:rgba(78, 41, 168, 1.00);--menu-link-color-hover:rgba(255, 229, 118, 1.00)} .myMenu>.menu .submenu li.active>a, .myMenu>.menu .submenu li.is-active>a, .myMenu>.menu .submenu a.is-active, .menu.myMenu .submenu li.active>a, .menu.myMenu .submenu li.is-active>a, .menu.myMenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .myMenu>.menu .submenu a, .menu.myMenu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .myMenu>.menu .submenu, .menu.myMenu .submenu{--submenu-bg-color:rgba(13, 17, 72, 1.00);--submenu-border:1px solid rgba(255, 0, 111, 1.00)} .myMenu>.menu .submenu a, .menu.myMenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(197, 161, 87, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .myMenu>.menu .submenu .menu-text, .menu.myMenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .myMenu>.menu .submenu li.active>a, .myMenu>.menu .submenu li.is-active>a, .myMenu>.menu .submenu a.is-active, .menu.myMenu .submenu li.active>a, .menu.myMenu .submenu li.is-active>a, .menu.myMenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .myMenu>.menu a::after, .menu.myMenu a::after{display:none!important}
.is-stuck .myMenu>.menu a,.is-stuck .menu.myMenu a{--menu-link-color:rgba(197, 161, 87, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(17, 20, 47, 1.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)}.is-stuck .myMenu>.menu .menu-text,.is-stuck .menu.myMenu .menu-text{--menu-text-color:rgba(15, 128, 255, 1.00)}.is-stuck .myMenu>.menu a:hover,.is-stuck .menu.myMenu a:hover{--menu-bg-color:rgba(22, 27, 59, 0.50)}.is-stuck .myMenu>.menu>li>a,.is-stuck .menu.myMenu>li>a{padding-top:1rem;padding-bottom:1rem}.is-stuck .myMenu>.menu .submenu>li>a,.is-stuck .menu.myMenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem}.is-stuck .myMenu>.menu li.active>a,.is-stuck .myMenu>.menu li.is-active>a,.is-stuck .myMenu>.menu a.is-active,.is-stuck .menu.myMenu li.active>a,.is-stuck .menu.myMenu li.is-active>a,.is-stuck .menu.myMenu a.is-active{--menu-bg-color:rgba(16, 0, 145, 1.00);--menu-link-color:rgba(255, 229, 118, 1.00);--menu-caret-color:rgba(78, 41, 168, 1.00);--menu-link-color-hover:rgba(255, 229, 118, 1.00)}.is-stuck .myMenu>.menu .submenu li.active>a,.is-stuck .myMenu>.menu .submenu li.is-active>a,.is-stuck .myMenu>.menu .submenu a.is-active,.is-stuck .menu.myMenu .submenu li.active>a,.is-stuck .menu.myMenu .submenu li.is-active>a,.is-stuck .menu.myMenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)}.is-stuck .myMenu>.menu .submenu a,.is-stuck .menu.myMenu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)}.is-stuck .myMenu>.menu .submenu,.is-stuck .menu.myMenu .submenu{--submenu-bg-color:rgba(13, 17, 72, 1.00);--submenu-border:1px solid rgba(255, 0, 111, 1.00)}.is-stuck .myMenu>.menu .submenu a,.is-stuck .menu.myMenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(197, 161, 87, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)}.is-stuck .myMenu>.menu .submenu .menu-text,.is-stuck .menu.myMenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)}.is-stuck .myMenu>.menu .submenu li.active>a,.is-stuck .myMenu>.menu .submenu li.is-active>a,.is-stuck .myMenu>.menu .submenu a.is-active,.is-stuck .menu.myMenu .submenu li.active>a,.is-stuck .menu.myMenu .submenu li.is-active>a,.is-stuck .menu.myMenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)}.is-stuck .myMenu>.menu a::after,.is-stuck .menu.myMenu a::after{display:none!important}
 .top-bar.myTopBar, .top-bar.myTopBar ul{--topbar-background:rgba(75, 123, 106, 1.00)} .top-bar.myTopBar{padding:0 0.5rem} .title-bar.myTopBar{--titlebar-background:rgba(39, 46, 85, 1.00);--titlebar-color:rgba(255, 255, 90, 1.00);padding:0.75rem} .title-bar.myTopBar .menu-icon{--hamburger-color:rgba(189, 179, 114, 1.00);--hamburger-width:1.25rem;--hamburger-height:1rem;--hamburger-weight:2px}


.group2.adnoc{background-image:url('../files/bgimage-109.png') ;background-repeat:no-repeat    ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ; background-size: contain  ; }@media (hover:none) and (pointer:coarse){.group2.adnoc{background-attachment:scroll!important}}
.group2.EG{background-image:url('../files/bgimage-107.png') ;background-repeat:no-repeat    ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ; background-size:  cover ; }@media (hover:none) and (pointer:coarse){.group2.EG{background-attachment:scroll!important}}
.group2{background-color:rgba(54, 54, 54, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.group2{background-attachment:scroll!important}}
.group2{position:relative;z-index:0}.group2:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.00 ;background-color:rgba(102, 102, 102, 1.00) ;}
.group2{position:relative;z-index:0}.group2:hover:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.81 ;background-color:rgba(102, 102, 102, 1.00) ;}

.group2{display:flex;align-items:center;aspect-ratio:1/1;}
.group2{width:16rem ;}  
.group2.xxs{width:3rem ;}  
.group2.xs{width:5rem ;}  
.group2.s{width:8rem ;}  
.group2.m{width:12rem ;}  
.group2.l{width:16rem ;}  








.group2-header

{
    transform-origin: 50% 50% ;
    transform-style: flat ;
    transform :
        
        
        translate3d(0px, 80px, 0px)
        
        
        scale3d(0.30, 0.30, 0.30)
        
        
        
        ;
}







.group2:hover .group2-header

{
    transform-origin: 50% 50% ;
    transform-style: flat ;
    transform :
        
        
        translate3d(0px, 0px, 0px)
        
        
        scale3d(1.00, 1.00, 1.00)
        
        
        rotateX(0deg) rotateY(0deg) rotateZ(0deg)
        
        
        ;
}

.group2> *{overflow  :visible }

.group2{border-radius:50% ;}
.group2{border-color:rgba(210, 43, 10, 1.00) ;border-width:0px ;}
.group2-header{opacity:0.00 }
.group2:hover .group2-header{opacity:1.00 }
.group2:before{transition:opacity 2000ms ease-out 0ms }
.group2-header{transition:all 2000ms ease-out 500ms }


.group1{background-color:rgba(204, 204, 204, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.group1{background-attachment:scroll!important}}
.group1.red{background-color:rgba(201, 0, 15, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.group1.red{background-attachment:scroll!important}}
.group1.blue{background-color:rgba(14, 60, 232, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.group1.blue{background-attachment:scroll!important}}
.group1.yellow{background-color:rgba(232, 239, 18, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.group1.yellow{background-attachment:scroll!important}}
.group1.green{background-color:rgba(38, 236, 15, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.group1.green{background-attachment:scroll!important}}
.group1.orange{background-color:rgba(204, 204, 204, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.group1.orange{background-attachment:scroll!important}}
.group1.purple{background-color:rgba(128, 0, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.group1.purple{background-attachment:scroll!important}}
.group1.lumi{background-color:rgba(144, 255, 9, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.group1.lumi{background-attachment:scroll!important}}

.group1{display:flex;align-items:center;aspect-ratio:1/1;}
.group1{width:16rem ;}  
.group1.xxs{width:3rem ;}  
.group1.xs{width:5rem ;}  
.group1.s{width:8rem ;}  
.group1.m{width:12rem ;}  
.group1.l{width:16rem ;}  



.group1{border-radius:50% ;}
.group1{border-color:rgba(210, 43, 10, 1.00) ;border-width:3px ;border-style:dashed ;}


            .group1{font-family:"Open Sans",sans-serif }
.group1{--header-color:rgba(0, 0, 0, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}

.group2{--header-color:rgba(222, 0, 180, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
