@font-face{  font-family:'Atkinson Hyperlegible';  font-style:italic;  font-weight:400;  font-display:swap;  src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v12/9Bt43C1KxNDXMspQ1lPyU89-1h6ONRlW45G056IkUwCybQ.woff2) format('woff2');  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{  font-family:'Atkinson Hyperlegible';  font-style:italic;  font-weight:400;  font-display:swap;  src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v12/9Bt43C1KxNDXMspQ1lPyU89-1h6ONRlW45G056IqUwA.woff2) format('woff2');  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{  font-family:'Atkinson Hyperlegible';  font-style:italic;  font-weight:700;  font-display:swap;  src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v12/9Bt93C1KxNDXMspQ1lPyU89-1h6ONRlW45G056qRdhWDTFieFA.woff2) format('woff2');  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{  font-family:'Atkinson Hyperlegible';  font-style:italic;  font-weight:700;  font-display:swap;  src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v12/9Bt93C1KxNDXMspQ1lPyU89-1h6ONRlW45G056qRdhWNTFg.woff2) format('woff2');  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{  font-family:'Atkinson Hyperlegible';  font-style:normal;  font-weight:400;  font-display:swap;  src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v12/9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45G07JIoSwQ.woff2) format('woff2');  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{  font-family:'Atkinson Hyperlegible';  font-style:normal;  font-weight:400;  font-display:swap;  src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v12/9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45G04pIo.woff2) format('woff2');  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{  font-family:'Atkinson Hyperlegible';  font-style:normal;  font-weight:700;  font-display:swap;  src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v12/9Bt73C1KxNDXMspQ1lPyU89-1h6ONRlW45G8Wbc9eiWPVFw.woff2) format('woff2');  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{  font-family:'Atkinson Hyperlegible';  font-style:normal;  font-weight:700;  font-display:swap;  src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v12/9Bt73C1KxNDXMspQ1lPyU89-1h6ONRlW45G8Wbc9dCWP.woff2) format('woff2');  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{ font-family:'Noto Serif Display';src:url('../font/Noto_Serif_Display/NotoSerifDisplay-VariableFont_wdth,wght.ttf') format('truetype');font-style:normal;font-weight:100 900;}@font-face{ font-family:'Noto Serif Display';src:url('../font/Noto_Serif_Display/NotoSerifDisplay-Italic-VariableFont_wdth,wght.ttf') format('truetype');font-style:italic;font-weight:100 900;}:root{ --lightness-gap:12%;     --hue-bg-dark:208; --saturation-bg-dark:32%; --lightness-bg-dark:19%; --opacity-bg-dark:1; --font-family-secondary:"Atkinson Hyperlegible",sans-serif;  --font-2-extra-large:clamp(20px,calc((20 / 700) * 100vw),25px);    --font-extra-large:   clamp(18px,calc((20 / 700) * 100vw),21px);    --font-large:    clamp(16px,calc((16 / 700) * 100vw),18px);    --font-medium:    clamp(14px,calc((14 / 700) * 100vw),16px);    --font-small:    clamp(11px,calc((11 / 700) * 100vw),13px); --gap-primary:clamp(4px,calc((4 / 700) * 100vw),12px); --max-width:min(100%,calc(1400px + 2* var(--padding-primary)));}header{position:relative;box-sizing:border-box;width:100%;background-color:#000;padding:20px 30px;}header .container{max-width:var(--max-width);width:100%;margin:0 auto;}header .top{width:100%;margin-bottom:20px;}header .top .left{display:flex;align-items:center;gap:20px;}header .top .left .logo a{display:inline-block;max-width:150px;width:100%;}header .top .left .logo a img{width:100%;}header picture{display:flex;justify-content:right;}header .top .container{display:flex;justify-content:space-between;align-items:center;}header .top .container ul{list-style:none;display:flex;align-items:center;gap:15px;}header .top .container ul li a{box-sizing:border-box;display:inline-block;text-transform:uppercase;color:#fff;font-size:19px;font-weight:bold;transition:ease .4s;padding:3px;border-bottom:1px solid #000;}header .top .container ul li a:hover{text-decoration:none;border-color:#fff;}header .menu ul{width:100%;display:flex;justify-content:end;align-items:center;list-style:none; gap:15px;}  header .menu ul li a{box-sizing:border-box;display:inline-block;text-transform:uppercase;color:#fff;font-size:19px;font-weight:bold;transition:ease .4s;padding:3px;border-bottom:1px solid #000;}header .menu ul li i{font-size:16px;}header .menu ul li a:hover{text-decoration:none;border-color:#fff;}header .hamburger{display:none;width:44px;height:44px;position:relative;cursor:pointer;}header .hamburger .line{display:inline-block;position:absolute;right:50%; transform:translate(50%);width:44px;height:4px;background-color:white;border-radius:4px;transition-property:transform;transition-duration:.4s;transition-timing-function:ease;}header .hamburger .line:nth-child(1){top:30%;}header .hamburger .line:nth-child(2){top:50%;}header .hamburger .line:nth-child(3){top:70%;}header .hamburger.animated .line:nth-child(1){transform:rotate(-45deg);right:10%;top:55%;}header .hamburger.animated .line:nth-child(2){display:none;}header .hamburger.animated .line:nth-child(3){transform:rotate(45deg);top:55%;right:10%;}.showProductMap header .header_map{display:inline-flex;color:var(--color-bg-dark-3);text-align:start;}.showProductMap header .right{display:none;}.showProductMap header :has( .logo){display:flex;justify-content:center;}.showProductMap header .logo a{display:inline-block;}.showProductMap header .logo .template{display:none;}@media screen and (max-width:1080px){  header .top .container ul{display:none;}  header .hamburger{display:block;}  header #menu{z-index:100;display:none;box-sizing:border-box;width:100%;position:absolute;top:100px;left:0;background-color:#2a2a2a;}  header #menu ul{width:100%;display:inherit;}  header #menu ul li{width:100%;}  header #menu ul li a{box-sizing:border-box;display:inline-block;width:100%;border-bottom:1px solid #fff;font-size:16px;padding:24px;transition:ease .4s;}  header #menu ul li a:hover{background-color:#7a7a7a;}}@media screen and (max-width:700px){ header .logo img.main{width:auto;height:38px;} }footer{box-sizing:border-box;width:100%;position:relative;padding:70px 30px 16px;background-color:#2A2A2A;}footer .container{box-sizing:border-box;max-width:var(--max-width);width:100%;margin:0 auto;}footer .top .container{display:flex;}footer .top .container .col{max-width:33.3333%;width:100%;}footer .top .container .col h3{color:#fff;text-align:left;text-transform:uppercase;font-size:20px;margin-bottom:20px;}footer .top .container .col .imgCont{display:flex;flex-wrap:wrap;align-items:center;gap:30px;}footer .top .container .col .imgCont a:nth-child(1){display:inline-block;width:176px;}footer .top .container .col .imgCont a:nth-child(2){display:inline-block;width:150px;}footer .top .container .col .imgCont a:nth-child(3){display:inline-block;width:90px;}footer .top .container .col .imgCont a img{width:100%;}footer .top .container .col p,footer .top .container .col p a{color:#fff;font-size:14px;text-align:left;font-weight:400;}footer .top .container .col p a{text-decoration:underline;transition:ease .4s;}footer .top .container .col p a:hover{color:#e2007a;text-decoration:none;} footer .top .container .col .social{display:flex;gap:30px;margin-top:30px;}footer .top .container .col .social a i{color:#fff;font-size:20px;}footer .top .container .col .iren{display:inline-block;width:80px;}footer .top .container .col .iren img{width:100%;}footer .bottom .container{border-top:1px solid #7a7a7a;margin-top:2rem;padding-top:1rem;}footer .bottom p{text-align:left;color:#fff;font-weight:bold;}footer .bottom p a{text-decoration:underline;transition:ease .4s;text-transform:uppercase;color:#fff;}footer .bottom p a:hover{color:#e2007a;text-decoration:none;}footer .container .contactsCsOrg{width:100%;padding:10px 0;color:white;text-align:left;display:block;font-size:var(--font-medium);text-align:center;}.contactsCsOrg .link_1{font-size:20px;cursor:inherit;text-transform:uppercase;color:white;font-family:var(--font-family-primary);width:100%;box-sizing:border-box;margin-top:30px;}.contactsCsOrg .link_1:hover{text-decoration:none;}.contactsCsOrg a{color:white;}.creditsClappit .clappit{width:100px;padding:30px 0;}.creditsClappit .clappit img{width:100%;height:auto;}@media screen and (max-width:700px){  footer .top .container{flex-direction:column;gap:30px;}  footer .top .container .col{max-width:50%;}}.loginOrRegister form .buttons .btn_doLogin[disabled="disabled"]{background-color:lightgray;}.dividerExtKey{box-sizing:border-box;width:calc(100% - var(--padding-primary)*2);padding:18px 20px;background:#eef3f7;border:1px solid #d9e2e8;margin:var(--padding-primary);margin-bottom:8px;border-radius:14px;}.dividerExtKey h3{text-align:center;font-size:20px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#17324a;}.dividerExtKey p{max-width:740px;width:100%;margin:8px auto 0 auto;text-align:center;font-size:16px;font-weight:400;color:#6b7280;}.dividerExtKey ul{max-width:740px;width:100%;margin:8px auto 0 auto;text-align:center;font-size:16px;font-weight:400;color:#6b7280;}@media screen and (max-width:900px){ .dividerExtKey{padding:10px;} .dividerExtKey h3{font-size:16px;} .dividerExtKey p{font-size:14px;} }