@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);html{font-size:10px}body{margin:0;padding:0;font-size:1.6rem;font-family:'Space Grotesk',sans-serif;background:#f5f6f7}body.over{overflow:hidden}h1{margin:0;padding:0}a{text-decoration:none;text-transform:uppercase;font-size:1.2rem}a.button{padding:5px 15px;color:#fff;background:#0353ed;border-radius:25px;display:inline-block;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.preloader{position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background:#f5f6f7}.preloader.hidden{-webkit-animation:hide .3s linear forwards;animation:hide .3s linear forwards}.preloader:before{content:url(media/logo-colors.svg);position:absolute;top:50%;left:50%;margin-left:-18px;margin-top:-18px;-webkit-animation:rotate .3s linear infinite;animation:rotate .3s linear infinite}.preloader:after{content:'Colors';position:absolute;top:50%;left:50%;font-size:2.4rem;font-weight:700;-webkit-transform:translate(-50%,24px);transform:translate(-50%,24px)}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes hide{0%{opacity:1}95%{opacity:0}100%{opacity:0}}@keyframes hide{0%{opacity:1}95%{opacity:0}100%{opacity:0}}header{width:100%;position:fixed;top:0;left:0;z-index:10;padding:12px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(245,246,247,.85);-webkit-backdrop-filter:blur(5px) contrast(1);backdrop-filter:blur(5px) contrast(1)}header .logo{z-index:1;position:relative;display:inline-block;vertical-align:top;-webkit-transform:translateY(-2px);transform:translateY(-2px)}header .logo h1,header .logo img{display:inline-block;vertical-align:middle;margin-right:10px}header .logo h1{font-size:2.4rem}header .logo img{width:24px}header nav{display:inline-block;margin-left:20px}header nav li{display:inline-block;margin:0 5px}header nav li .button{background:0 0;color:#000}header nav li.active .button{background:#0353ed;color:#fff}header nav a{font-size:1.4rem;width:100%}.items{margin:0;padding:0 24px;margin-top:90px;display:none}.items#ncs{display:block}.items .wrap{margin:0;padding:0 0 50px;display:-ms-grid;display:grid;-webkit-column-gap:18px;column-gap:18px;row-gap:18px;-ms-grid-columns:(1fr)[9];grid-template-columns:repeat(9,1fr)}.items .wrap h2{-ms-grid-column:1;-ms-grid-column-span:9;grid-column:1/10;font-size:1.6rem;text-transform:uppercase;padding:0;margin:0;letter-spacing:1}.items ul{border-radius:5px;background:#fff;-webkit-transition:all .15s ease-out;transition:all .15s ease-out}.items ul:hover{-webkit-transform:scale(1.05);transform:scale(1.05);cursor:pointer;-webkit-transition:all .15s ease-out;transition:all .15s ease-out}ul{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}ul li{list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}ul li.color div{width:100%;padding-top:66.66667%;border-radius:5px 5px 0 0}ul li.title{padding:10px;font-size:1.4rem}ul li.src{padding:0 10px}#toTop{width:40px;height:40px;position:fixed;right:24px;bottom:24px;z-index:10;border-radius:20px;background-color:#171717;background-image:url(media/arrow-top.svg);background-position:center center;background-repeat:no-repeat;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;opacity:1;visibility:visible}#toTop:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}#toTop.inactive{opacity:0;visibility:hidden;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.popup{position:fixed;z-index:12;width:100%;height:100%;top:0;left:0}.popup .title{position:absolute;bottom:0;left:0;width:100%;background:#fff;font-size:2.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 30px}.popup .title span{display:block;text-transform:uppercase;font-size:1.6rem;opacity:.5}.popup .actions{position:absolute;top:24px;right:24px;width:40px}.popup .close{display:block;width:40px;height:40px;position:relative;border-radius:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;background:#fff}.popup .close:hover{cursor:pointer;-webkit-transform:rotate(45deg) scale(1.1);transform:rotate(45deg) scale(1.1);-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.popup .close:before{content:'';width:60%;height:2px;border-radius:2px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#000}.popup .close:after{content:'';height:60%;width:2px;border-radius:2px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#000}.popup .download{display:block;width:40px;height:40px;position:relative;border-radius:20px;background:#fff;margin-top:24px;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.popup .download:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.popup .download:after{content:url(media/arrow-bottom-blk.svg);position:absolute;width:15px;height:auto;display:block;top:13px;left:12px}.mrkTag{padding:0 24px 48px}.mrkTag a span{display:block;text-transform:none;color:grey}.mrkTag a img{width:120px}@media (max-width:1200px){.items .wrap{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6,1fr)}.items .wrap h2{-ms-grid-column:1;-ms-grid-column-span:6;grid-column:1/7}}@media (max-width:980px){.items .wrap{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);padding:0 0 36px}.items .wrap h2{-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/5}}@media (max-width:640px){body{font-size:1.4rem}.items .wrap{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.items .wrap h2{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}@media (orientation:landscape) and (max-width:640px){header{padding:12px 18px}.items .wrap{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.items .wrap h2{-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1/4}.mrkTag{padding:0 18px 48px}}@media (max-width:480px){body{font-size:1.4rem}header{padding:12px 18px}header .logo h1{margin-right:5px}header nav{margin-left:0}header nav li{margin:0}.items{padding:0 18px}.mrkTag{padding:0 18px 48px}}@media (max-width:360px){header .logo{-webkit-transform:translateY(1px);transform:translateY(1px)}header .logo h1{display:none}header nav{margin-left:5px}header nav li{margin-left:5px}header nav a{font-size:1.3rem}header nav a.button{padding:5px 15px}}