@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}ol[class],ul[class]{padding:0;margin-bottom:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0}ul[class]{list-style:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;box-shadow:none!important}button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{box-shadow:none;border-color:#e51f29!important;outline:none!important;outline-offset:0!important}a{text-decoration:none!important}body,html{height:100%;font-family:Open Sans,sans-serif}.wrapper{display:flex;flex-direction:column;min-height:100%}.shape{height:1px;margin:0 auto 30px;position:relative;width:60px;background-color:#e51f29}.section-padding{padding:60px 0}.main{flex:1 0 auto}.footer{flex:0 0 auto}.container{max-width:1200px;margin:0 auto;padding:0 15px}.flex-between,.flex-column,.flex-row{display:flex;align-items:center}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-between{flex-direction:row;justify-content:space-between}.block-size{width:1200px;margin:0 auto}.section-title{font-family:Open Sans,sans-serif;font-weight:600;margin-bottom:.5rem;line-height:1.2;font-size:30px}.bg-gray{background:#f9f9f9}.services-item{height:calc(100% - 20px);padding:20px;border-radius:10px;text-align:center;margin:15px 0;box-shadow:0 0 12px #f4f4f4}.services-item,.services-item .icon{transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s}.services-item .icon{border:1px solid #f1f1f1;width:70px;height:70px;border-radius:50%;margin:0 auto}.services-item .icon i{font-size:30px;color:#e51f29;line-height:70px;transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s}.services-item .services-content h3{font-size:16px;color:#000;font-family:Open Sans,sans-serif;margin-top:10px;font-weight:700;text-transform:uppercase;margin-bottom:10px}.services-item:hover{box-shadow:0 10px 22px 10px rgba(27,38,49,.1)}.services-item:hover .icon{background:#e51f29}.services-item:hover .icon i{color:#fff}#service{position:relative}.about-area .about-wrapper{height:100%;width:100%;display:table}.about-area .about-wrapper>div{vertical-align:middle;display:table-cell}.about-area img{border-radius:4px}.about-area .content{margin-top:15px}.about-area .content p{margin-bottom:30px}.services-content p{color:#abacae}#cta{padding:30px 0}.form-control{width:100%;margin-bottom:10px;font-size:14px;border-radius:4px;transition:all .3s;padding:10px;border:1px solid #f1f1f1}.form-control:focus{border-color:#e51f29}input,textarea{border-radius:13px!important}.form-group label{margin-left:5px;color:rgba(0,0,0,.7);font-weight:300}.form-group input::placeholder,.form-group textarea::placeholder{opacity:.5;font-weight:300}.form-group input::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{opacity:.5;font-weight:300}.form-group input:-moz-placeholder,.form-group input::-moz-placeholder,.form-group textarea:-moz-placeholder,.form-group textarea::-moz-placeholder{opacity:.5;font-weight:300}.form-group input:-ms-input-placeholder,.form-group textarea:-ms-input-placeholder{opacity:.5;font-weight:300}.button.disabled,.button:disabled{opacity:1}.contact-form-area h2{font-size:18px;text-transform:uppercase}.contact-right-area{margin-left:50px}.contact-right-area .contact-title{margin-bottom:20px}.contact-right-area .contact-title h1{font-size:22px}.contact-right{padding:4px}.contact-right .single-contact{margin:30px 0;padding:3px 55px;position:relative;color:#abacae}.contact-right .single-contact p{margin-bottom:0}.contact-right .single-contact p a{color:#abacae}.contact-right .contact-icon{background:#e51f29;color:#fff;border-radius:4px;font-size:20px;height:40px;left:0;padding-top:8px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:40px}.h3{float:right;font-size:16px}.button{background-color:#e51f29;font-size:14px;padding:5px 50px;float:right;cursor:pointer;font-weight:600;color:#fff;border-radius:25px;transition:all .2s linear}.button,.button:hover{border:1px solid #e51f29}.button:hover{color:#e51f29;background:#fff;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.button:active,.button:focus{color:#fff}.home{width:100%;background:url(../images/background.png) no-repeat 50% 50%;background-size:100% 100%;font-family:Open Sans,sans-serif}.home-container{padding:125px 0 60px}.home .company-title{text-transform:uppercase}.home .company-title h1{font-weight:700!important}.home .company-title span{color:#e51f29}.home .company-title p{display:inline-block}.home .company-apps{padding-top:90px;width:auto;margin:0 auto;flex-wrap:wrap;justify-content:center}.home .company-apps .app-item{background-color:#d9d9d9;border-radius:4px;width:335px;height:240px;cursor:pointer}.home .company-apps .app-item img{border-radius:4px;width:100%;height:100%}.home .company-apps .app-item{margin-left:20px}.home .company-apps .app-item:nth-child(1){margin-left:0}.footer-area{position:relative;padding-bottom:10px;background:url(../images/background.png) no-repeat;background-size:cover}.footer-area .footer-title{font-family:Open Sans,sans-serif;font-size:18px;margin-left:35px;color:#333;font-weight:500;margin-bottom:10px;letter-spacing:.5px}.footer-area .footer-title span{color:#ccc;font-weight:400}.footer-area .textwidget p{color:#333}.footer-area .footer-link li{margin-bottom:10px}.footer-area .footer-link li a{color:#333;font-size:14px;font-weight:400;position:relative}.footer-area .address li{margin-bottom:10px}.footer-area .address li a{color:#666;font-size:14px;line-height:30px;font-weight:400}.footer-area .address li a i{font-size:22px;width:32px;vertical-align:middle;height:36px;text-align:center;display:inline-block;float:left;margin-right:5px;line-height:32px}.footer-area .address li a:hover{color:#e51f29}.footer-area #subscribe-form{margin-top:10px}.footer-area #subscribe-form .form-group{position:relative}.footer-area #subscribe-form .form-group .btn-common{position:absolute;top:0;right:0;padding:7px 15px;height:52px;border-radius:0;background:transparent;color:#e51f29}#copyright{margin:45px 0 0}#copyright p{line-height:42px;color:#333;text-align:center;margin:0}#copyright p a{color:#e51f29}.social-networks{display:flex;flex-direction:row;align-items:flex-end;justify-content:end}.social-networks p{font-weight:300;color:#000}.social-icon{margin-left:20px}.social-icon a{color:#272727;background:transparent;width:32px;height:32px;line-height:34px;display:inline-block;text-align:center;border-radius:4px;font-size:16px;margin:15px 6px 12px 4px;transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s}.social-icon a:hover{color:#fff!important}.social-icon .facebook:hover{background:#3b5999}.social-icon .tiktok:hover{background:#00f2ea}.social-icon .instagram:hover{background:#d6274d}.social-icon .linkedin:hover{background:#1260a2}.header{position:fixed;width:100%;background-color:transparent;height:70px;z-index:3}.header .container{height:100%}.header__logo{width:150px;background-color:transparent;z-index:3}.header .navbar{display:block}.header .navbar ul li{margin-left:30px}.header .navbar ul li a{color:rgba(0,0,0,.7)}.header .navbar ul li img{width:17px;height:17px}.nav-link{padding:0 0 2px!important;position:relative;transition:all .3s ease-in-out}.nav-link:before{background-color:#e51f29;content:"";display:block;height:2px;position:absolute;margin:0 auto;width:0;left:0;right:0;bottom:0;transition:width 1s;-ms-transition:width 1s;-webkit-transition:width 1s}.navbar .navbar-nav li .active>a,.navbar .navbar-nav li a:focus,.navbar .navbar-nav li a:hover{color:#fff;outline:none}.navbar .navbar-nav .active>.nav-link,.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link.open,.navbar .navbar-nav .open>.nav-link{color:#e51f29!important;width:100%}.navbar .navbar-nav .nav-link:focus,.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .nav-link:hover:before{color:#e51f29;width:100%;transition:width 1s;-webkit-transition:width 1s;-ms-transition:width 1s}.top-nav-collapse{background:#fff!important;z-index:9999;box-shadow:0 3px 6px 3px rgba(0,0,0,.06);animation-duration:1s}.hamburger-container{position:relative;display:none;height:26px;width:32px;z-index:3}.hamburger-container .checkbox{position:absolute;display:block;height:32px;width:32px;top:0;left:0;z-index:5;opacity:0;cursor:pointer}.hamburger-container .hamburger-lines{display:block;height:26px;width:32px;position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between}.hamburger-container .hamburger-lines .line{display:block;height:4px;width:100%;border-radius:10px;background:#0e2431}.hamburger-container .hamburger-lines .line1{transform-origin:0 0;transition:transform .4s ease-in-out}.hamburger-container .hamburger-lines .line2{transition:transform .2s ease-in-out}.hamburger-container .hamburger-lines .line3{transform-origin:0 100%;transition:transform .4s ease-in-out}.hamburger-container input[type=checkbox]:checked~.hamburger-lines .line1{transform:rotate(45deg)}.hamburger-container input[type=checkbox]:checked~.hamburger-lines .line2{transform:scaleY(0)}.hamburger-container input[type=checkbox]:checked~.hamburger-lines .line3{transform:rotate(-45deg)}.hamburger-container input[type=checkbox]:checked~.logo{display:none}.show{transform:translateX(0)!important}.switch{position:relative;display:inline-block;margin-left:30px}.switch>span{position:absolute;top:4px;pointer-events:none;font-weight:700;font-size:12px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.06);width:50%;text-align:center}input.check-toggle-round-flat:checked~.off{color:#e51f29}input.check-toggle-round-flat:checked~.on{color:#fff}.switch>span.on{left:0;padding-left:2px;color:#e51f29}.switch>span.off{right:0;padding-right:4px;color:#fff}.check-toggle{position:absolute;margin-left:-9999px;visibility:hidden}.check-toggle+label{display:block;position:relative;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input.check-toggle-round-flat+label{padding:2px;width:70px;height:25px;background-color:#e51f29;border-radius:60px}input.check-toggle-round-flat+label:after,input.check-toggle-round-flat+label:before{display:block;position:absolute;content:""}input.check-toggle-round-flat+label:before{top:2px;left:2px;bottom:2px;right:2px;background-color:#e51f29;border-radius:60px}input.check-toggle-round-flat+label:after{top:4px;left:4px;bottom:4px;width:30px;background-color:#fff;border-radius:52px;transition:margin .2s}input.check-toggle-round-flat:checked+label:after{margin-left:31px}#projects{background-color:#f9f9f9}#projects .project-container{margin:10px 0}#projects .projects-item{border-radius:4px;position:relative;padding-bottom:100%;text-align:center;transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s}#projects .famti{background:url(../images/projects/poster/famti.jpeg) no-repeat;background-size:cover}#projects .fishing{background:url(../images/projects/poster/fishing.jpg) no-repeat;background-size:cover}#projects .ciss{background:url(../images/projects/poster/ciss.png) no-repeat;background-size:cover}#projects .everdance{background:url(../images/projects/poster/everdance.png) no-repeat;background-size:cover}#projects .yakimoto{background:url(../images/projects/poster/yakimoto.jpg) no-repeat;background-size:cover}#projects .management-system{background:url(../images/projects/poster/managment-system.jpg) no-repeat 50% 50%;background-size:cover}#projects .shop-portal{background:url(../images/projects/poster/shop-portal.jpg) no-repeat;background-size:cover}#projects .cap{background:url(../images/projects/poster/cap.jpg) no-repeat;background-size:cover}#projects .project-content{display:flex;justify-content:flex-end;flex-direction:column;position:absolute;top:0;right:0;width:100%;height:100%;z-index:3}#projects .project-content:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;border-radius:4px;background:linear-gradient(180deg,rgba(227,12,24,0),rgba(242,13,26,.7) 80.73%);transition:1s}#projects .project-content:hover:after{height:100%}@keyframes a{0%{top:-100%;opacity:0}to{top:0;opacity:1}}#projects .project-content:hover p{animation:a 1s;opacity:1}#projects .project-content p{position:relative;color:#fff;font-size:30px;font-weight:500;margin-bottom:25px;z-index:4;opacity:0}.about-us{background:#f9f9f9}.main{position:relative}.main #slides{height:calc(100vh - 50px);list-style-type:none}.main .maintext{max-width:990px;width:100%;z-index:5;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-weight:300}.main .maintext h1{font-size:70px;font-weight:400}.main .maintext span{color:#e51f29;text-transform:uppercase}.main .maintext p{margin-top:15px;padding-bottom:40px;font-size:20px;letter-spacing:.2px}.slide{background-repeat:no-repeat;position:absolute;left:0;width:100%;opacity:0;z-index:1;height:calc(100vh - 50px);transition:opacity 2s}.showing{opacity:1;z-index:2}.slide:first-of-type{background:url(../images/slider/slider1.png);background-size:cover}.slide:nth-of-type(2){background:url(../images/slider/slider2.png);background-size:cover}.slide:nth-of-type(3){background:url(../images/slider/slider3.png);background-size:cover}.slide:nth-of-type(4){background:url(../images/slider/slider4.png);background-size:cover}.slide:nth-of-type(5){background:url(../images/slider/slider5.png);background-size:cover}.slide:nth-of-type(6){background:url(../images/slider/slider6.png);background-size:cover}@media (max-width:1400px){.company-title h1,.company-title p,.company-title span{font-size:38px}}@media (max-width:1200px){.company-title h1,.company-title p,.company-title span{font-size:30px}.app-item:nth-child(3){margin-left:0!important;margin-top:20px}}@media (max-width:991px){.section-title{font-size:26px;margin-bottom:10px}.contact-block{margin-top:30px}.company-title h1,.company-title p,.company-title span{font-size:24px}.hamburger-container{display:block}.navbar{position:absolute!important;top:0;left:0;padding-top:90px!important;background-color:hsla(0,0%,100%,.95);height:100vh;width:100vw;transform:translate(100%);transition:transform .5s ease-in-out;z-index:2}.navbar .navbar-nav{flex-direction:column!important}.navbar .navbar-nav .nav-item{position:relative!important;z-index:3!important;margin:0}.navbar .navbar-nav .nav-link{font-size:26px;font-weight:600}.navbar .switch{margin-left:0}.about-us h1{font-size:45px!important}.about-us p{font-size:18px!important}}@media (max-width:767px){.section-padding{padding:60px 0}.company-title h1,.company-title p,.company-title span{font-size:20px}.copyright-content{margin:10px 0 0}.section-title{font-size:22px}.section-padding{padding:30px 0}.app-item{margin-left:0!important;margin-top:20px}.app-item:nth-child(1){margin-left:0!important;margin-top:0}.project-page p{font-size:10px!important}.about-us h1{font-size:32px!important}.about-us p{font-size:16px!important}}@media (max-width:600px){.project-page h1{font-size:16px}.project-page #content-container{width:100%!important;padding:0 15px}}@media (max-width:500px){.company-title h1,.company-title span,.section-title{font-size:18px}}.project-page{font-weight:300}.project-page h6{font-weight:600}.project-page h6,.project-page p{align-self:baseline;margin:20px 0 0}.project-page p{text-align:justify;font-size:16px}.project-page span{font-weight:700}.project-page img{border-radius:4px;margin:20px 0 0}.project-page .poster img{box-shadow:0 4px 4px rgba(0,0,0,.25)}.project-page .image-block{padding-left:0!important}.project-page #box1{width:60%}.project-page .container{margin-top:20px}.project-page .disable-margin{margin:5px 0 0!important}.project-page .questions-button{background-color:#8dc63e;margin:20px;font-size:14px;padding:5px 25px;align-self:flex-end;cursor:pointer;font-weight:600;color:#fff;border-radius:25px;border:1px solid #8dc63e;transition:all .2s linear}.project-page .questions-button:hover{color:#8dc63e;background:#fff;border:1px solid #8dc63e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.company-principles{padding-bottom:0}.company-principles img{width:100%}