html{--background:#000;--active:#388eb2;background:var(--background);scroll-behavior:smooth;font-family:Merriweather}html{overflow-x:hidden !important}body{color:#fff;margin:0}.header{position:sticky;top:0;z-index:10;box-shadow:0 0 2px 1px #000}.mobile-menu{display:none;position:sticky;left:0;right:0;top:0;top:80px;background:var(--background);z-index:10;overflow:hidden}.mobile-menu.active .buttons{opacity:1;height:320px}.mobile-menu .buttons{display:flex;flex-direction:column;flex:1;height:0;opacity:0;transition:all .3s}.mobile-menu .buttons .button{position:relative;text-transform:uppercase;font-family:inherit;padding:20px;cursor:pointer;opacity:.8;transition:all .15s;background:0;border:0;color:inherit;font-size:16px;height:80px}.footer{min-height:100px;background:var(--background);box-shadow:0 0 2px 1px #000}.footer .section .info{display:flex;justify-content:space-between;flex:1;max-width:800px;font-size:14px}.footer .section .info .copyright,.footer .section .info .email{display:flex;align-items:center;justify-content:center;padding:20px;gap:10px}.section{display:flex;justify-content:center;align-items:center}.header .section{height:80px;background:var(--background)}.header .section .container{display:flex;flex:1;justify-content:space-between}.header .section .logo{background-image:url(/static/header_logo.svg);width:235px;background-repeat:no-repeat;background-size:300px;background-position:-3px -112px;height:80px}.header .section .menu-button{display:none;justify-items:center;align-items:center;position:absolute;top:0;bottom:0;right:0;font-size:25pt;padding:25px;background:0;border:0;cursor:pointer}.header .section .buttons{display:flex}.header .section .buttons .button{position:relative;text-transform:uppercase;font-family:inherit;padding:20px;cursor:pointer;opacity:.8;transition:all .15s;background:0;border:0;color:inherit;font-size:16px;height:101%}.header .section .buttons .button .line,.mobile-menu .buttons .button .line{position:absolute;background:var(--active);transition:all .5s;z-index:-1}.header .section .buttons .button .line.underline,.mobile-menu .buttons .button .line.underline{bottom:0;left:0;right:0;height:0}.header .section .buttons .button .line.overline,.mobile-menu .buttons .button .line.overline{top:0;left:0;right:0;height:0}.header .section .buttons .button .line.leftline,.mobile-menu .buttons .button .line.leftline{left:0;top:0;bottom:0;width:0}.header .section .buttons .button .line.rightline,.mobile-menu .buttons .button .line.rightline{right:0;top:0;bottom:0;width:0}.header .section .buttons .button:not(.active):focus,.header .section .buttons .button:not(.active):hover,.mobile-menu .buttons .button:not(.active):focus,.mobile-menu .buttons .button:not(.active):hover{outline:0}.header .section .buttons .button.active .overline,.header .section .buttons .button.active .underline,.mobile-menu .buttons .button.active .overline,.mobile-menu .buttons .button.active .underline{height:51%}.header .section .buttons .button.active .leftline,.header .section .buttons .button.active .rightline,.mobile-menu .buttons .button.active .leftline,.mobile-menu .buttons .button.active .rightline{width:51%}.header .section .buttons .button:not(.active):hover .overline,.header .section .buttons .button:not(.active):hover .underline,.mobile-menu .buttons .button:not(.active):hover .overline,.mobile-menu .buttons .button:not(.active):hover .underline{height:51%}.header .section .buttons .button:not(.active):hover .leftline,.header .section .buttons .button:not(.active):hover .rightline,.mobile-menu .buttons .button:not(.active):hover .leftline,.mobile-menu .buttons .button:not(.active):hover .rightline{width:51%}.content .section{display:flex;flex-direction:column;gap:20px;background-color:#fff;padding:40px 20px 70px 20px;color:#666;text-align:center}.content .section:nth-child(odd){background-color:#f8f8f8}.content .section .title-text{display:flex;justify-content:center;align-items:center;padding:20px 0;font-size:38px}.content .section .content-text{display:flex;justify-content:center;align-items:center;padding:20px 0;font-size:16px;line-height:30px}.content .section[data-location=title]{display:flex;flex-direction:column;padding:50px;gap:50px;height:300px}.content .section[data-location=title] .title-text{color:#fff}.content .section[data-location=title] .contact-us{display:flex;align-items:center;justify-content:center;justify-self:center;align-self:center;width:100px}.content .section[data-location=about]{background:url(/static/tech_background.jpg);background-size:cover;color:#fff;padding-bottom:90px;padding-top:90px}.content .section[data-location=about] .content-text{max-width:870px}.content .section[data-location=services] .services{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:50px;grid-row-gap:50px}.content .section[data-location=services] .services .service{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:400px;gap:10px}.content .section[data-location=services] .services .service i{font-size:24pt;color:var(--active)}.content .section[data-location=projects] .carousel-container{display:flex;gap:50px;justify-content:center;align-items:center}.content .section[data-location=projects] .carousel-container .tiny-carousel .item .project{font-size:20pt}.content .section[data-location=projects] .carousel-container .tiny-carousel .item .client{padding:20px 0;font-size:11pt;font-weight:700}.content .section[data-location=projects] .carousel-container .carousel-next button,.content .section[data-location=projects] .carousel-container .carousel-previous button{border:0;background:0;font-size:50pt;color:inherit;transition:all .3s;cursor:pointer}.content .section[data-location=projects] .carousel-container .tns-outer{display:flex;justify-content:center;align-items:center;max-width:1000px;line-height:30px}.content .section[data-location=projects] .carousel-navigation{display:flex;gap:30px;color:inherit}.content .section[data-location=projects] .carousel-navigation button{border:0;background:0;font-size:36pt;color:inherit;transition:all .3s;cursor:pointer}.content .section[data-location=projects] .carousel-container .carousel-next button:hover,.content .section[data-location=projects] .carousel-container .carousel-previous button:hover,.content .section[data-location=projects] .carousel-navigation button:hover{color:var(--active)}.content .section[data-location=projects] .carousel-navigation button.tns-nav-active i.fa-regular,.content .section[data-location=projects] .carousel-navigation button:not(.tns-nav-active) i.fa-solid{display:none}.content .section[data-location=projects] .carousel-navigation button.tns-nav-active i.fa-solid,.content .section[data-location=projects] .carousel-navigation button:not(.tns-nav-active) i.fa-regular{display:inline-block}.content .section[data-location=contacts] .title-text{padding-bottom:0}.content .section[data-location=contacts] .content-text{padding-top:0}.content .section[data-location=contacts] .form{display:flex;flex-direction:column;gap:25px}.content .section[data-location=contacts] .form .item{display:flex;flex-direction:column;gap:10px}.content .section[data-location=contacts] .form .item .label{text-align:left}.content .section[data-location=contacts] .form .item .input-element{padding:10px;border:2px solid var(--active);border-radius:4px;min-width:500px;color:inherit;font-family:inherit;transition:all .3s}.content .section[data-location=contacts] .form .item .input-element:focus{border-color:#666;background:#f8f8f8;outline:0}.content .section[data-location=contacts] .form .item textarea.input-element{resize:none;height:100px}.content .section[data-location=contacts] .form .item.submit-container{flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:20px}.content .section[data-location=contacts] .form .item.submit-container button.submit{background:var(--active);color:#fff;padding:15px;border:0;border-radius:4px;font-size:14pt;cursor:pointer;width:200px;display:flex;align-self:flex-end;align-items:center;justify-content:center;border:2px solid transparent;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow:hidden;position:relative;user-select:none}.content .section[data-location=contacts] .form .item.submit-container button.submit[disabled]{background:#f8f8f8;cursor:not-allowed;border:2px solid #2b2a2e;color:#2b2a2e;opacity:.35}.content .section[data-location=contacts] .form .item.submit-container[data-status] button.submit{outline:0}.content .section[data-location=contacts] .form .item.submit-container .message-status{display:flex;flex:1;align-self:stretch;position:relative}.content .section[data-location=contacts] .form .item.submit-container:not([data-status]) button.submit:not([disabled]):hover{outline:0;color:#fff;background:var(--active);border-color:#2b2a2e}.content .section[data-location=contacts] .form .item.submit-container:not([data-status]) button.submit:not([disabled]):focus{outline:0;color:#fff;background:var(--active);border-color:#2b2a2e}.content .section[data-location=contacts] .form .item.submit-container[data-status] button.submit{cursor:not-allowed;color:#fff;background:#2b2a2e}.content .section[data-location=contacts] .form .item.submit-container .message-status .error,.content .section[data-location=contacts] .form .item.submit-container .message-status .success,.content .section[data-location=contacts] .form .item.submit-container button.submit .error,.content .section[data-location=contacts] .form .item.submit-container button.submit .spinner,.content .section[data-location=contacts] .form .item.submit-container button.submit .success,.content .section[data-location=contacts] .form .item.submit-container button.submit div,.content .section[data-location=contacts] .form .item.submit-container button.submit span{opacity:0;-webkit-transition:all .15s;-moz-transition:all .15s;-o-transition:all .15s;transition:all .15s}.content .section[data-location=contacts] .form .item.submit-container:not([data-status]) button.submit span{opacity:1}.content .section[data-location=contacts] .form .item.submit-container[data-status=loading] button.submit{background-color:#898989;border-color:transparent}.content .section[data-location=contacts] .form .item.submit-container[data-status=loading] button.submit .spinner{opacity:1}.content .section[data-location=contacts] .form .item.submit-container[data-status=success] .message-status .success,.content .section[data-location=contacts] .form .item.submit-container[data-status=success] button.submit .success{opacity:1}.content .section[data-location=contacts] .form .item.submit-container[data-status=error] .message-status .error,.content .section[data-location=contacts] .form .item.submit-container[data-status=error] button.submit .error{opacity:1}.content .section[data-location=contacts] .form .item.submit-container .message-status .error,.content .section[data-location=contacts] .form .item.submit-container .message-status .success,.content .section[data-location=contacts] .form .item.submit-container button.submit .error,.content .section[data-location=contacts] .form .item.submit-container button.submit .spinner,.content .section[data-location=contacts] .form .item.submit-container button.submit .success,.content .section[data-location=contacts] .form .item.submit-container button.submit div{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.content .section[data-location=contacts] .form .item.submit-container .message-status .error,.content .section[data-location=contacts] .form .item.submit-container .message-status .success{justify-content:flex-end}.content .section[data-location=contacts] .form .item.submit-container[data-status=loading] button.submit .spinner{-webkit-animation:spin 1.5s .15s infinite;-moz-animation:spin 1.5s .15s infinite;-o-animation:spin 1.5s .15s infinite;animation:spin 1.5s .15s infinite}.content .section[data-location=contacts] .form .item.submit-container[data-status=loading] button.submit div{opacity:1}@keyframes spin{0%{-webkit-transform:rotate3d(0,0,1,0);-moz-transform:rotate3d(0,0,1,0);-o-transform:rotate3d(0,0,1,0);transform:rotate3d(0,0,1,0)}50%{-webkit-transform:rotate3d(0,0,1,180deg);-moz-transform:rotate3d(0,0,1,180deg);-o-transform:rotate3d(0,0,1,180deg);transform:rotate3d(0,0,1,180deg)}100%{-webkit-transform:rotate3d(0,0,1,360deg);-moz-transform:rotate3d(0,0,1,360deg);-o-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg)}}@media(max-width:1425px){.content .section[data-location=title]{background-size:auto;background-position:0 -90px}}@media(max-width:1160px){.header .section .buttons{display:none}.header .section .menu-button,.mobile-menu{display:flex}.content .section[data-location=services] .services{grid-template-columns:repeat(1,1fr)}}@media(max-width:850px){.content .section[data-location=projects] .carousel-container .carousel-next,.content .section[data-location=projects] .carousel-container .carousel-previous{display:none}.content .section[data-location=contacts] .form{align-items:stretch;align-self:stretch}.content .section[data-location=contacts] .form .item .input-element{min-width:initial}}@media(max-width:600px){.content .section[data-location=projects] .carousel-container .tns-ovh{max-width:300px}.content .section[data-location=projects] .carousel-navigation{gap:20px}.content .section[data-location=projects] .carousel-navigation button{font-size:25pt}.content .section[data-location=contacts] .form .item.submit-container{flex-direction:column}.content .section[data-location=contacts] .form .item.submit-container .message-status .error,.content .section[data-location=contacts] .form .item.submit-container .message-status .success{justify-content:center}.content .section[data-location=contacts] .form .item.submit-container .message-status .error,.content .section[data-location=contacts] .form .item.submit-container .message-status .success,.content .section[data-location=contacts] .form .item.submit-container button.submit .error,.content .section[data-location=contacts] .form .item.submit-container button.submit .spinner,.content .section[data-location=contacts] .form .item.submit-container button.submit .success,.content .section[data-location=contacts] .form .item.submit-container button.submit span{transition:none}.content .section[data-location=contacts] .form .item.submit-container[data-status=loading] button.submit .spinner{animation:none;opacity:0}.content .section[data-location=contacts] .form .item.submit-container button.submit{width:100%;margin:20px 0}.footer .section .info{flex-direction:column}}@media(max-width:300px){.header .section .logo{display:none}}