@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-Thin.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-Regular.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-Black.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-BoldItalic.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-Bold.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-MediumItalic.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-MediumItalic.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-HeavyItalic.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-HeavyItalic.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-Extrabold.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-Extrabold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-Semibold.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-Semibold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-SemiboldItalic.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-SemiboldItalic.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-LightItalic.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-LightItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-Medium.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-UltraLightItalic.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-UltraLightItalic.woff) format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-ThinItalic.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-ThinItalic.woff) format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-Light.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-ExtraboldItalic.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-ExtraboldItalic.woff) format("woff");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-Heavy.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-Heavy.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-UltraLight.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-UltraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-RegularItalic.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-RegularItalic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/gilroy/Gilroy-BlackItalic.woff2) format("woff2"),url(/fonts/gilroy/Gilroy-BlackItalic.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space_grotesk/SpaceGrotesk-Regular.woff2) format("woff2"),url(/fonts/space_grotesk/SpaceGrotesk-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space_grotesk/SpaceGrotesk-Medium.woff2) format("woff2"),url(/fonts/space_grotesk/SpaceGrotesk-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space_grotesk/SpaceGrotesk-Light.woff2) format("woff2"),url(/fonts/space_grotesk/SpaceGrotesk-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space_grotesk/SpaceGrotesk-SemiBold.woff2) format("woff2"),url(/fonts/space_grotesk/SpaceGrotesk-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space_grotesk/SpaceGrotesk-Bold.woff2) format("woff2"),url(/fonts/space_grotesk/SpaceGrotesk-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space_grotesk/SpaceGrotesk-Light.woff2) format("woff2"),url(/fonts/space_grotesk/SpaceGrotesk-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}.trans,.transFast{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.clearfix{clear:both}.hidden-all{display:none!important}html,body{padding:0;margin:0;font-family:Gilroy;overflow-x:hidden}body{padding-top:100px}.main{max-width:1400px;width:100%;margin:0 auto}.logo{display:block;width:208px;height:40px;background:url(/shardsoft/images/logo.svg);z-index:999;position:relative}.header{position:relative;padding-top:60px}.header video{position:absolute;top:-150px;left:280px}.header .headerHolder{display:flex;z-index:999;position:relative}.header .headerHolder .headerLeft{width:100%}.header .headerHolder .headerLeft h1{font-family:Space Grotesk;font-weight:700;font-size:62px;line-height:100%;color:#1a1918;max-width:740px}.header .headerHolder .headerLeft h1 span{color:#08bca8}.header .headerHolder .headerLeft p{font-size:24px;line-height:150%;font-weight:500;max-width:740px}.header .headerHolder .headerRight{width:350px;padding-left:50px;border-left:solid 2px #1a1918}.header .headerHolder .headerRight h2{font-family:Space Grotesk;font-weight:700;font-size:52px;color:#1a1918;margin-bottom:0;padding-bottom:0}.header .headerHolder .headerRight p{font-size:18px;line-height:150%;color:#1a1918;font-weight:600;margin-top:10px}.header a.btn{display:inline-block;margin-top:30px;border-bottom-left-radius:15px;border-top-right-radius:15px;border:solid 2px #1a1918;padding:20px 30px;font-weight:500;font-size:20px;text-decoration:none;color:#1a1918;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.header a.btn svg{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;margin-left:10px}.header a.btn:hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;background:#1a1918;color:#fff}.header a.btn:hover svg{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;margin-left:25px}.header a.btn:hover svg path{fill:#fff}.darkHolder{padding-top:100px;margin-top:150px;background:#1A1918;position:relative;z-index:999;height:850px}.darkHolder .main{position:relative}.darkHolder h2{text-align:center;color:#fff;font-family:Space Grotesk;font-weight:700;font-size:32px}.darkHolder .product{position:absolute;width:450px;height:450px;-webkit-border-radius:33%;-moz-border-radius:33%;border-radius:33%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:solid 2px rgba(255,255,255,.3);top:130px;text-align:center;color:#fff;font-family:Gilroy;font-size:18px;line-height:150%;padding:50px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;flex-direction:column}.darkHolder .product:hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;padding:65px;margin-top:-15px;margin-left:-15px}.darkHolder .product img{margin-top:100px;margin-bottom:30px}.darkHolder .product p{padding:0 15px}.darkHolder .product a,.darkHolder .product b{color:#ffffff80;font-size:20px;font-weight:700}.darkHolder .product a{text-decoration:none}.darkHolder .product a:hover{color:#fff}.darkHolder .product1{left:-70px}.darkHolder .product1:hover{z-index:999;border:solid 2px #2ce28b}.darkHolder .product2{left:430px}.darkHolder .product2:hover{z-index:999;border:solid 2px #01aacf}.darkHolder .product3{left:930px}.darkHolder .product3:hover{z-index:999;border:solid 2px #0660fd}.whiteHolder{padding-top:100px}.technologies{display:flex;justify-content:space-around}.technologies div{width:35%;text-align:center}.technologies div h2{font-family:Space Grotesk;font-weight:700;font-size:36px;line-height:120%;text-align:center;color:#1a1918}.technologies div p{font-size:20px;line-height:150%;text-align:center;color:#1a1918;font-weight:500}.footerHolder{height:auto;margin-top:350px}.footerHolder .contacts{position:relative;width:750px;padding:70px 100px 50px;background:#FFF;margin:-280px auto 0;border:solid 2px #1A1918;border-top-right-radius:50px;border-top-left-radius:50px}.footerHolder .contacts h2{font-family:Space Grotesk;font-weight:700;font-size:42px;line-height:100%;text-align:center;color:#1a1918}.footerHolder .contacts .multi-items{display:flex;justify-content:space-between;gap:20px}.footerHolder .contacts .center-item{text-align:center}.footerHolder .contacts textarea,.footerHolder .contacts input{border-radius:10px;border:solid 1px #1A1918;padding:20px;font-family:Gilroy;font-size:16px;color:#1a1918;font-weight:500;display:block;width:89%;margin-top:20px}.footerHolder .contacts button{cursor:pointer;border:none;display:inline-block;margin-top:30px;border-bottom-right-radius:15px;border-top-left-radius:15px;background:#1a1918;padding:20px 30px;font-weight:500;font-size:20px;text-decoration:none;color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.footerHolder .contacts button svg{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;margin-left:10px}.footerHolder .contacts button:hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;background:#0bbba6;color:#1a1918}.footerHolder .contacts button:hover svg{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;margin-left:25px}.footerHolder .contacts button:hover svg path{fill:#1a1918}.footerHolder .contacts .messageIcon{width:290px;height:190px;background:#1A1918;border:2px solid #FFFFFF;border-radius:50px 50px 0;position:absolute;bottom:-50px;right:-120px;display:flex;justify-content:center;gap:30px;align-items:center}.footerHolder .contacts .messageIcon div{width:24px;height:24px;background:#FFFFFF;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.footerHolder .contactFrame{height:850px;width:100%;border:none}footer{display:flex;justify-content:space-between;padding-top:170px;padding-bottom:100px}footer .addresses{display:flex;gap:50px;padding-top:30px;font-size:14px;line-height:150%;color:#fffc;font-weight:500}footer .addresses div{width:185px}footer .addresses b{font-family:Space Grotesk;font-weight:700;font-size:16px;line-height:100%;color:#fff;display:block;padding-bottom:10px}footer .copyright{padding-top:40px;font-size:12px;color:#fff;font-weight:500;opacity:.5}.hidden-desktop{display:none!important}.form{padding-bottom:50px}@media only screen and (max-width: 1100px){body{padding-top:50px}.main{width:94%;padding:0 3%}.header .headerHolder{display:block}.header .headerHolder .headerRight{width:100%;border-left:none;border-top:2px solid #1a1918;display:flex;justify-content:space-between;gap:30px;padding:0}.header video{top:-90px;left:0;width:100%}.hidden-tablet{display:none!important}.show-tablet{display:inline-block!important}.darkHolder{padding-top:50px;margin-top:100px;height:auto}.darkHolder .product{position:relative;max-width:50vw;max-height:50vw;margin:0 auto}.darkHolder .product img{margin-top:5%;width:55%}.darkHolder .product:hover{margin:0 auto}.darkHolder .product1,.darkHolder .product2,.darkHolder .product3{left:auto;top:auto}.darkHolder .product1{top:30px}.darkHolder .product2{top:-30px}.darkHolder .product3{top:-90px}.footerHolder .contacts{width:90%;padding:5%;margin-top:-140px}.footerHolder .contacts .messageIcon{right:-13px;width:197px;height:115px;bottom:-50px}footer{padding-top:110px}footer .addresses{display:block}footer .iconHolder{padding-top:50px}}@media only screen and (max-width: 700px){.logo{margin:0 auto}.header video{top:-47px}.header .headerHolder .headerLeft h1{font-size:42px;text-align:center;padding:0 10%;margin-top:100px}.header .headerHolder .headerLeft p{font-size:20px;line-height:150%;padding:0 10%;text-align:center}.header .headerHolder .headerRight{width:auto;border:none;display:block;text-align:center;padding:0 10%}.btn-mobile{display:block!important;text-align:center}.darkHolder{margin-top:80px}.darkHolder .product{font-size:16px;padding:40px;max-width:70vw;max-height:70vw}.darkHolder .product img{margin-bottom:0;margin-top:10px}.darkHolder .product p{margin-top:0;height:auto;padding:0}.darkHolder .product:hover{padding:40px;margin:0 auto}.darkHolder .product2{top:0}.darkHolder .product3{top:-30px}.technologies{display:block}.technologies div{text-align:center;width:100%}.footerHolder .main{padding:0;width:99%;margin:0}.footerHolder .contacts{margin-top:-100px}.footerHolder .contacts .messageIcon{display:none}.footerHolder .contacts h2{font-size:28px}.footerHolder .contacts .multi-items{display:block}.footerHolder .contacts .multi-items input,.footerHolder .contacts .multi-items textarea{width:90%}.footerHolder .contactFrame{height:900px;width:100%;border:none}footer{padding-top:50px;display:block;text-align:center}footer .addresses div{width:100%;margin-top:30px}}