@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap);*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:#fff;color:#888;font-family:"Montserrat",sans-serif;font-size:100%}a{text-decoration:none}ul{list-style-type:none}button,ul{margin:0;padding:0}button{background:transparent;border:none;cursor:pointer;outline:none}.btn-primary{background:#98552a;padding:15px 50px;color:#fff;font-size:1.5em;font-weight:700;display:inline-block;margin-top:1.2em;margin-bottom:1em}.btn-primary:hover{background:#944717}.title{margin:2.5em auto;width:200px}.title h2{color:#323232;text-align:center;padding-bottom:20px;border-bottom:3px solid #98552a}.section-summary{text-align:center;margin-bottom:2em;line-height:30px}.wrapper{padding:1em 1.5em;max-width:1200px;margin:0 auto}@media (min-width:576px){.wrapper{padding:1em 3em}}@media (min-width:768px){.section-summary{margin:0 3em 4em}.wrapper{padding:1em 4em}}.navbar{position:absolute;top:0;left:0;width:100%;background:transparent;transition:top .3s;z-index:1}header{display:flex;justify-content:space-between}header .logo{width:100px}header .nav-btn{background:transparent;padding:.3em 0 .5em;color:#fff;border:none;cursor:pointer;outline:none}header .nav-btn:hover{color:#944717}header .nav-icon{font-size:1.5em;color:#fff}header .nav-icon:hover{color:#98552a}nav ul{height:0;overflow:hidden;transition:all .3s linear;background:#0a0a0a;margin:0 -1.5em}nav ul .active button{color:#98552a}nav ul li button{display:block;margin:0 auto;padding:1em 0;color:#fff;transition:all .3s linear;text-align:center;font-size:.8em;font-weight:600;letter-spacing:2px}nav ul li button:hover{color:#944717}.nav-links{height:0;overflow:hidden;transition:all .3s linear}.show-nav{height:225px}@media (min-width:768px){.wrapper{display:flex;justify-content:space-between}.nav-btn{display:none}nav ul{display:flex;margin:0;background:transparent}nav ul li button{padding:.8em 1em;color:#fff}.nav-links{height:auto}}.hero-wrapper{position:relative;width:100%;height:100vh;overflow:hidden}.hero-content{margin-top:18em}.hero-content h1{color:#fff;margin:.5em 0;font-size:1.4em;font-weight:600}#video{position:absolute;z-index:-1;top:0;left:0}@media (min-aspect-ratio:16/9){#video{width:100%;height:auto}}@media (max-aspect-ratio:16/9){#video{width:auto;height:100%}}@media (max-width:768px){#video{display:none}.hero-wrapper{background-image:url(/static/media/poster.98757e11.jpg);background-size:cover;background-position:50%}}@media (min-width:768px){.hero-content{margin-top:25em}.hero-content h1{color:#fff;margin:0;font-size:2em;font-weight:800;line-height:1.5em}}@media (min-height:1366px){#video{display:none}.hero-wrapper{background-image:url(/static/media/poster.98757e11.jpg);background-size:cover;background-position:50%}.hero-content{margin-top:40em}}@media (max-width:900px) and (max-height:500px){.hero-content{margin-top:8em}}.about{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(16rem,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-column-gap:25px;grid-row-gap:20px;padding-bottom:50px;max-width:800px;margin:0 auto}.about .square{background:#98552a;width:11px;height:11px;display:inline-block}.about .item h3{display:inline-block;margin-left:15px;color:#555}.about .item p{line-height:25px;text-align:center;margin-top:5px}.about .about-title{display:flex;justify-content:center;align-items:center}@media (min-width:576px){.about .item p{text-align:left}.about .about-title{display:flex;justify-content:flex-start}}@media (min-width:864px){.about{-ms-grid-columns:(minmax(20rem,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));grid-column-gap:75px}}.bg-wrapper{background:url(/static/media/keyboard.d259928b.png) 50%/cover no-repeat;padding:10px 0 40px}#services .section-summary{color:#111}.services{max-width:900px;margin:0 auto;display:-ms-grid;display:grid;justify-content:space-between;grid-column-gap:15px;-ms-grid-columns:auto auto;grid-template-columns:auto auto;grid-template-areas:"mobile support" "logo logo"}.services .item-1{-ms-grid-row:1;-ms-grid-column:1;grid-area:mobile}.services .item-2{-ms-grid-row:1;-ms-grid-column:2;grid-area:support}.services .item-3{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:logo}.services .icon{background:#98552a;width:50px;height:50px;margin:0 auto}.services .fa-icon{color:#fff;text-align:center;width:100%;margin-top:8px;font-size:2em}.services .item-1,.services .item-2,.services .item-3{padding:15px 0}.services .item-1 h4,.services .item-1 p,.services .item-2 h4,.services .item-2 p,.services .item-3 h4,.services .item-3 p{color:#111;text-align:center}.services .item-1 p,.services .item-2 p,.services .item-3 p{line-height:25px;text-align:center}@media (min-width:864px){.services{-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto;grid-template-areas:"mobile support logo";grid-column-gap:40px}.services .item-1,.services .item-2,.services .item-3{padding:20px 0}}.projects{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(12rem,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));grid-gap:0;margin:0 -1.5em -2em;background:#12151b}.projects .item{position:relative;text-align:center;width:100%;height:100%;overflow:hidden}.projects .item img{width:100%;transition:all .5s ease-in-out;margin:0;padding:0}.projects .item .overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#98552a;color:#fff;opacity:0;padding:2em 4em;transition:.5s ease}.projects .item button{width:100%;height:100%}.projects .item button:hover,.projects .item button:hover .overlay{opacity:.9}.projects .item:hover img{transform:scale(1.5)}#projects .modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}#projects #caption,#projects .modal-content{margin:auto;display:block;width:80%;max-width:700px}#projects #caption{text-align:center;color:#ccc;padding:10px 0;height:150px}#projects #caption,#projects .modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}#projects .close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}#projects .close:focus,#projects .close:hover{color:#bbb;text-decoration:none;cursor:pointer}@media (min-width:576px){.projects{margin:0 auto 50px}}@media (min-width:768px){.projects{-ms-grid-columns:(minmax(14rem,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}.dark-wrapper{background:#12151b;padding-bottom:60px}#contact .title h2{color:#fff}#contact .section-summary{color:#707273}.contact{max-width:800px;margin:0 auto}.contact .form-group{margin:20px 0}.contact button,.contact input,.contact textarea{background:#12151b;width:100%}.contact textarea{height:128px;padding:10px}.contact input,.contact textarea{color:#707273;border:3px solid #707273}.contact input{height:66px;padding-left:10px}.contact button{height:66px;color:#98552a;border:3px solid #98552a;font-size:1em;text-transform:uppercase;cursor:pointer}.contact button:hover{color:#944717;border:3px solid #944717}@media (min-width:576px){.contact .container{display:-ms-grid;display:grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto;grid-column-gap:20px}}.black-wrapper{background:#111}footer{display:-ms-grid;display:grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto;grid-template-areas:"about about" "contact follow"}footer .item1{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:about}footer .item2{-ms-grid-row:2;-ms-grid-column:1;grid-area:contact}footer .item2 p,footer .item2 ul li{font-size:.9em}footer .item3{-ms-grid-row:2;-ms-grid-column:2;grid-area:follow}footer .item3 ul li{font-size:.9em}footer .item1 h5,footer .item2 h5,footer .item3 h5{color:#fff}footer .item1 p,footer .item1 ul li,footer .item1 ul li button,footer .item2 p,footer .item2 ul li,footer .item2 ul li button,footer .item3 p,footer .item3 ul li,footer .item3 ul li button{color:#3c4142;margin-bottom:1px}footer .item1 ul li button:hover,footer .item2 ul li button:hover,footer .item3 ul li button:hover{color:#555}footer p{display:block;color:#3c4142;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/span 2}@media (min-width:768px){footer{-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto;grid-template-areas:"about contact follow";grid-column-gap:50px}}
/*# sourceMappingURL=main.dbbe8eae.chunk.css.map */