.container.cyber_pro{max-width:1920px;padding:0 20px;background-color:#fff;padding-top:150px;overflow:hidden;box-sizing:border-box}.cyber_pro .wrapper{max-width:1350px;margin:0 auto}.cyber_pro .first_layout{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:0;font-size:clamp(14px,1.5vw,18px)}.cyber_pro .first_layout .imgBox{position:relative;z-index:2;transform:translateY(1.7em)}.cyber_pro .first_layout .imgBox .logoBox{position:absolute;left:50%;top:50%;transform:translateY(-50%);max-width:20em}@-webkit-keyframes moveElement{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes moveElement{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}.cyber_pro .first_layout .imgBox .logoBox .first-first{position:absolute;top:-18.5em;left:-25.5em;max-width:20em;z-index:-1;opacity:0}.cyber_pro .first_layout .imgBox .logoBox .second-second{position:absolute;top:-12em;left:-25.5em;max-width:13em;z-index:-2;opacity:0}.cyber_pro .first_layout .imgBox .logoBox .third-third{position:absolute;top:-12em;left:-25.5em;max-width:13em;z-index:-2;opacity:0}.cyber_pro .first_layout .imgBox .logoBox .fourth-fourth{position:absolute;top:-8em;left:-25.5em;max-width:9em;z-index:-3;opacity:0}.cyber_pro .first_layout .imgBox .logoBox .fifth-fifth{position:absolute;top:-8em;left:-25.5em;max-width:9em;z-index:-3;opacity:0}.cyber_pro .first_layout .imgBox .logoBox .first{position:absolute;top:-36em;left:-9.5em;max-width:20em;z-index:-1;-webkit-animation-name:moveElement;animation-name:moveElement;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.cyber_pro .first_layout .imgBox .logoBox .second{position:absolute;top:-38em;left:3em;max-width:12em;z-index:-2;-webkit-animation-name:moveElement;animation-name:moveElement;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.cyber_pro .first_layout .imgBox .logoBox .third{position:absolute;top:-19em;left:-16em;max-width:38em;z-index:-4;transform:scale(0)}.cyber_pro .first_layout .contentBox{text-align:left;text-transform:uppercase;overflow-x:hidden;z-index:3}.cyber_pro .first_layout .contentBox .cyber_pro_text{display:flex;flex-direction:column;gap:5px}.cyber_pro .first_layout .contentBox p{font-family:Montserrat,sans-serif;margin:0;line-height:30px;font-weight:500;transform:translateX(-100%)}.cyber_pro .first_layout .contentBox .logoWrapper{transform:rotate(-10deg);max-width:17em;width:100%;margin-left:auto}.cyber_pro .first_layout .contentBox .logoWrapper img{width:100%;height:100%}.cyber_pro .first_layout .contentBox .title{margin:0;padding:20px 0 30px 0;font-size:4.5em;word-wrap:nowrap;color:#000;line-height:70px;transform:translateX(-100%)}.cyber_pro .first_layout .contentBox .title span{font-size:.8em}.cyber_pro .first_layout .contentBox .featuresList,.cyber_pro .first_layout .contentBox .subtitle{padding:0;margin:0;word-wrap:nowrap;font-family:Montserrat,sans-serif;font-weight:500;letter-spacing:.5px;font-size:1em}.cyber_pro .first_layout .contentBox .subtitle{padding:0 0 30px 0;color:#000}.cyber_pro .first_layout .contentBox .featuresList{text-decoration:none;list-style:none;text-align:right}.cyber_pro .first_layout .contentBox .featuresList .featuresItem{position:relative;padding:2px 0 2px 10px;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap}.cyber_pro .first_layout .contentBox .featuresList .featuresItem:after{content:"";position:absolute;left:0;top:.65em;width:3px;height:3px;background-color:#868686}.cyber_pro .first_layout .contentBox .button{margin:0;align-self:start;display:flex;justify-content:flex-start;opacity:0}.cyber_pro .first_layout .contentBox .button a{font-family:BebasNeue,sans-serif;font-weight:700;cursor:pointer;width:100%;max-width:300px;height:70px;color:#000;text-decoration:none;border:#000 solid 1px;font-size:54px;display:flex;justify-content:center;align-items:center;transition:all .1s ease}.cyber_pro .first_layout .contentBox .button a:hover{background-color:rgba(103,103,103,.25)}.cyber_pro .first_layout .contentBox .button a:active{height:75px;max-width:305px}.loaderAppOne.move~.cyber_pro .first_layout:has(.elemShow) .contentBox .title{-webkit-animation:moveTitle 2s ease forwards;animation:moveTitle 2s ease forwards}@-webkit-keyframes moveTitle{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes moveTitle{from{transform:translateX(-100%)}to{transform:translateX(0)}}.loaderAppOne.move~.cyber_pro .first_layout:has(.elemShow) .contentBox p{-webkit-animation:moveP 2s 4s ease forwards;animation:moveP 2s 4s ease forwards}@-webkit-keyframes moveP{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes moveP{from{transform:translateX(-100%)}to{transform:translateX(0)}}.loaderAppOne.move~.cyber_pro .first_layout:has(.elemShow) .contentBox .button{-webkit-animation:showBtn 1.5s 4s ease forwards;animation:showBtn 1.5s 4s ease forwards}@-webkit-keyframes showBtn{from{opacity:0}to{opacity:1}}@keyframes showBtn{from{opacity:0}to{opacity:1}}.loaderAppOne.move~.cyber_pro.elemShow .title{-webkit-animation:moveTitle 2s ease forwards;animation:moveTitle 2s ease forwards}@keyframes moveTitle{from{transform:translateX(-100%)}to{transform:translateX(0)}}.loaderAppOne.move~.cyber_pro.elemShow p{-webkit-animation:moveP 2s ease forwards;animation:moveP 2s ease forwards}@keyframes moveP{from{transform:translateX(-100%)}to{transform:translateX(0)}}.loaderAppOne.move~.cyber_pro.elemShow .button{-webkit-animation:showBtn 1.5s ease forwards;animation:showBtn 1.5s ease forwards}@keyframes showBtn{from{opacity:0}to{opacity:1}}@-webkit-keyframes rotation{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (min-width:800px){.cyber_pro .first_layout .imgBox .logoBox .first{display:none}.cyber_pro .first_layout .imgBox .logoBox .second{display:none}.loaderAppOne.move~.cyber_pro .imgBox.elemShow .logoBox .first-first{-webkit-animation:showFirstHusky 1s ease forwards,moveFirstHusky 1s 3s ease forwards,moveElement1 4s 4s ease infinite;animation:showFirstHusky 1s ease forwards,moveFirstHusky 1s 3s ease forwards,moveElement1 4s 4s ease infinite}@-webkit-keyframes showFirstHusky{from{opacity:0}to{opacity:1}}@keyframes showFirstHusky{from{opacity:0}to{opacity:1}}@-webkit-keyframes moveFirstHusky{from{top:-18.5em;left:-25.5em;max-width:20em}to{top:-15em;left:-9.5em;max-width:16em;transform:rotate(-13deg)}}@keyframes moveFirstHusky{from{top:-18.5em;left:-25.5em;max-width:20em}to{top:-15em;left:-9.5em;max-width:16em;transform:rotate(-13deg)}}@-webkit-keyframes moveElement1{0%{transform:translateY(0) rotate(-13deg)}50%{transform:translateY(-10px) rotate(-13deg)}100%{transform:translateY(0) rotate(-13deg)}}@keyframes moveElement1{0%{transform:translateY(0) rotate(-13deg)}50%{transform:translateY(-10px) rotate(-13deg)}100%{transform:translateY(0) rotate(-13deg)}}.loaderAppOne.move~.cyber_pro .imgBox.elemShow .logoBox .second-second{-webkit-animation:showOtherHuskies 0s 1s ease forwards,move2Husky 2s 1s ease forwards;animation:showOtherHuskies 0s 1s ease forwards,move2Husky 2s 1s ease forwards}@-webkit-keyframes move2Husky{0%{left:-25.5em}50%{left:-36em}99%{left:-20.5em}100%{display:none}}@keyframes move2Husky{0%{left:-25.5em}50%{left:-36em}99%{left:-20.5em}100%{display:none}}.loaderAppOne.move~.cyber_pro .imgBox.elemShow .logoBox .third-third{-webkit-animation:showOtherHuskies 0s 1s ease forwards,move3Husky 2s 1s ease forwards;animation:showOtherHuskies 0s 1s ease forwards,move3Husky 2s 1s ease forwards}@-webkit-keyframes move3Husky{0%{left:-25.5em}50%{left:-8.5em}99%{left:-25.5em}100%{display:none}}@keyframes move3Husky{0%{left:-25.5em}50%{left:-8.5em}99%{left:-25.5em}100%{display:none}}.loaderAppOne.move~.cyber_pro .imgBox.elemShow .logoBox .fourth-fourth{-webkit-animation:showOtherHuskies 0s 1s ease forwards,move4Husky 2s 1s ease forwards,move4Husky2 1s 3s ease forwards,moveElement4 5s 4s ease infinite;animation:showOtherHuskies 0s 1s ease forwards,move4Husky 2s 1s ease forwards,move4Husky2 1s 3s ease forwards,moveElement4 5s 4s ease infinite}@-webkit-keyframes move4Husky{0%{left:-25.5em}100%,50%{left:3em}}@keyframes move4Husky{0%{left:-25.5em}100%,50%{left:3em}}@-webkit-keyframes move4Husky2{0%{left:3em}100%{top:-19em;left:4em;transform:rotate(11deg)}}@keyframes move4Husky2{0%{left:3em}100%{top:-19em;left:4em;transform:rotate(11deg)}}@-webkit-keyframes moveElement4{0%{transform:translateY(0) rotate(11deg)}50%{transform:translateY(-10px) rotate(11deg)}100%{transform:translateY(0) rotate(11deg)}}@keyframes moveElement4{0%{transform:translateY(0) rotate(11deg)}50%{transform:translateY(-10px) rotate(11deg)}100%{transform:translateY(0) rotate(11deg)}}.loaderAppOne.move~.cyber_pro .imgBox.elemShow .logoBox .fifth-fifth{-webkit-animation:showOtherHuskies 0s 1s ease forwards,move5Husky 2s 1s ease forwards;animation:showOtherHuskies 0s 1s ease forwards,move5Husky 2s 1s ease forwards}@-webkit-keyframes move5Husky{0%{left:-25.5em}50%{left:-43.5em}99%{left:-20.5em}100%{display:none}}@keyframes move5Husky{0%{left:-25.5em}50%{left:-43.5em}99%{left:-20.5em}100%{display:none}}@-webkit-keyframes showOtherHuskies{from{opacity:0}to{opacity:1}}@keyframes showOtherHuskies{from{opacity:0}to{opacity:1}}.loaderAppOne.move~.cyber_pro .imgBox.elemShow .logoBox .third{-webkit-animation:scale 1s 3s ease forwards,rotation 10s 4s linear infinite;animation:scale 1s 3s ease forwards,rotation 10s 4s linear infinite}@-webkit-keyframes scale{from{transform:scale(0)}to{transform:scale(1)}}@keyframes scale{from{transform:scale(0)}to{transform:scale(1)}}}@media (min-width:1920px){.cyber_pro .wrapper{max-width:1600px}}@media screen and (max-width:800px){.container.cyber_pro{padding-top:400px}.cyber_pro .first_layout .imgBox .logoBox .third{top:-41em;left:-18em;transform:scale(1);-webkit-animation:rotation 10s linear infinite;animation:rotation 10s linear infinite}.cyber_pro .first_layout{grid-template-columns:1fr}.cyber_pro .first_layout .contentBox{white-space:wrap;text-align:center;padding-bottom:640px}.cyber_pro .first_layout .contentBox br{display:none}.cyber_pro .first_layout .contentBox .logoWrapper{margin:0 auto;transform:rotate(0)}.cyber_pro .first_layout .contentBox .title{padding:30px 0 20px 0}.cyber_pro .first_layout .contentBox .title span{font-size:1em}.cyber_pro .first_layout .contentBox .featuresList{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.cyber_pro .first_layout .contentBox .featuresList .featuresItem{margin-left:0;white-space:normal}.cyber_pro .first_layout .contentBox .featuresList .featuresItem:after{display:none}.cyber_pro .first_layout .contentBox .button{justify-content:center}}@media screen and (max-width:800px) and (max-width:426px){.cyber_pro .first_layout .contentBox{margin-top:20px}.cyber_pro .first_layout .contentBox .title{font-size:5em;line-height:60px}}@media screen and (max-width:426px){.container.cyber_pro{padding-top:330px}.cyber_pro .first_layout .imgBox .logoBox .first{left:-12.5em}.cyber_pro .first_layout .imgBox .logoBox .second{left:0}.cyber_pro .first_layout .imgBox .logoBox .third{left:-19em}}