.topbar{-webkit-animation:orderline 3s ease-in-out infinite;animation:orderline 3s ease-in-out infinite;background-color:#0084ff;border:2px solid transparent;color:#fff;height:80px;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:3}.topbar .wrapper{justify-content:space-between;padding:10px 30px}.topbar .wrapper,.topbar .wrapper .left{align-items:center;display:flex}.topbar .wrapper .left .logo{color:inherit;font-size:40px;font-weight:700;margin-right:40px;text-decoration:none}.topbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-left:30px}@media (max-width:768px){.topbar .wrapper .left .itemContainer{display:none}}.topbar .wrapper .left .itemContainer .icon{font-size:18px;margin-right:5px}.topbar .wrapper .left .itemContainer .span{font-size:15px;font-weight:500}.topbar .wrapper .left .itemContainer .span a{color:#fff;font-size:15px;font-weight:500;text-decoration:none}.topbar .wrapper .right{align-items:center;display:flex;flex-direction:row;justify-content:space-around;width:100px}.topbar .wrapper .right .slider .slider-bar{align-items:center;background-color:#000;border-radius:40%;display:flex;height:20px;position:relative;width:30px}.topbar .wrapper .right .slider .slider-bar .slider-circle{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:13px;position:absolute;width:13px}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}.topbar .wrapper .right .hamburger span{background-color:#fff;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.topbar.active{background-color:#fff}.topbar.active .right .slider,.topbar.active .right .slider .slider-bar,.topbar.active .right .slider .slider-bar .slider-bar{opacity:0}.topbar.active .hamburger span:first-child{background-color:#000;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{background-color:#000;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.topbar.dark{background-color:#000}.topbar.dark .right .slider{border:2px solid #fff;border-radius:40%}.topbar.dark .right .slider .slider-bar{justify-content:end}@-webkit-keyframes orderline{25%{border-left:2px dashed #fff7f7}50%{border-bottom:2px dashed #faf6f6}75%{border-right:2px dashed #fff5f5}to{border-top:2px dashed #fff}}@keyframes orderline{25%{border-left:2px dashed #fff7f7}50%{border-bottom:2px dashed #faf6f6}75%{border-right:2px dashed #fff5f5}to{border-top:2px dashed #fff}}.intro{background-color:#0084ff;display:flex}@media (max-width:768px){.intro{align-items:center;flex-direction:column}}.intro .left{flex:0.5 1;overflow:hidden}@media (max-width:768px){.intro .left{height:500px;margin-bottom:0}}.intro .left .imgContainer{align-items:flex-end;background-color:#000;border-radius:25%;display:flex;float:right;height:500px;justify-content:center;width:500px}@media (max-width:768px){.intro .left .imgContainer{align-items:flex-start;height:300px;margin-bottom:0;width:300px}}.intro .left .imgContainer img{height:90%}@media (max-width:768px){.intro .left .imgContainer img{height:50%;padding-top:20px}}.intro .right{flex:0.5 1;overflow:hidden;position:relative}.intro .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%}@media (max-width:768px){.intro .right .wrapper{align-items:center;margin:0;padding-left:0}}.intro .right .wrapper h1{font-size:60px;margin:10px 0}@media (max-width:768px){.intro .right .wrapper h1{font-size:35px}}.intro .right .wrapper h2,.intro .right .wrapper h3{font-size:35px}@media (max-width:768px){.intro .right .wrapper h3{font-size:20px}}.intro .right .wrapper h3 span{font-size:35px}@media (max-width:768px){.intro .right .wrapper h3 span{font-size:22px}}.intro .right a{bottom:10px;left:40%;position:absolute}.intro .right a .icon{-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.intro.dark{background-color:#000}.intro.dark .right .wrapper,.intro.dark .right a{color:#fff}.works{align-items:center;background-color:#43c1eb;display:flex;justify-content:center;position:relative}.works .arrow{cursor:pointer;height:100px;position:absolute}@media (max-width:768px){.works .arrow{display:none}}.works .arrow.left{left:100px;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:50px}.works .arrow.right{right:100px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:50px}.works .slider{display:flex;height:350px;left:0;position:absolute;transition:all 1s ease-out}.works .slider div.slider:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}@media (max-width:768px){.works .slider{flex-direction:column;height:80vh;justify-content:center}}.works .slider .container{align-items:center;display:flex;justify-content:center;width:100vw}.works .slider .container .item{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:100%;justify-content:center;width:700px}@media (max-width:768px){.works .slider .container .item{height:100px;margin:5px 0;width:70%}}.works .slider .container .item .left{align-items:center;background-color:aqua;display:flex;flex:4 1;height:100%;justify-content:center}.works .slider .container .item .left .leftContainer{display:flex;flex-direction:column;height:70%;justify-content:space-between;width:90%}.works .slider .container .item .left .leftContainer imgContainer{align-items:center;background-color:#e5bb84;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.works .slider .container .item .left .leftContainer imgContainer a .img{width:25px}.works .slider .container .item .left .leftContainer h2{font-size:20px}@media (max-width:768px){.works .slider .container .item .left .leftContainer h2{font-size:12px}}.works .slider .container .item .left .leftContainer p{font-size:13px}@media (max-width:768px){.works .slider .container .item .left .leftContainer p{font-size:9px}}.works .slider .container .item .left .leftContainer span{font-size:12px;font-weight:600;text-decoration:underline}.works .slider .container .item .right{align-items:center;background-color:#535353;display:flex;flex:8 1;height:100%;justify-content:center}.works .slider .container .item .right img{border-radius:20px;overflow:hidden;width:900px}@media (max-width:768px){.works .slider .container .item .right img{width:130px}}.works.dark{background-color:#000;color:#fff}.contacts{background-color:#39bdea;display:flex}@media (max-width:768px){.contacts{flex-direction:column}}.contacts .left{flex:1 1}.contacts .left .contactIcon{height:50%;padding-left:10px;padding-top:100px;width:85%}@media (max-width:768px){.contacts .left .contactIcon{height:100px}}.contacts .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.contacts .right h2{font-size:30px}.contacts .right form{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:space-around;width:70%}.contacts .right form input{font-size:14px;height:30px;width:300px}@media (max-width:768px){.contacts .right form input{height:20px;width:200px}}.contacts .right form textarea{font-size:14px;height:200px;width:300px}@media (max-width:768px){.contacts .right form textarea{font-size:14px;height:100px;width:200px}}.contacts .right form button{background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;height:30px;width:150px}.contacts .right form span{color:#038f60;font-weight:400}.contacts.dark{background-color:#000;color:#fff}.app{height:100vh}.app .sections{background-color:#7fff00;height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;top:70px}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}.menu{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all 1s ease;width:300px;z-index:2}.menu.active{right:0}.menu ul{color:#0084ff;font-size:30px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}.menu ul li{margin-bottom:20px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:700}.menu ul li pre a{font-size:18px}.menu.active.dark{background-color:#000}
/*# sourceMappingURL=main.09ccbecf.css.map*/