*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Dela Gothic One', cursive;font-family:'Roboto', sans-serif}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;margin-top:20px;display:inline-block;color:#271041;font-weight:900;text-decoration:none;text-transform:uppercase;background-color:#fffc67;padding:20px 30px 20px 30px;border-radius:8px;cursor:pointer;font-size:20px}@media (max-width: 767px){.button{font-size:17px}}img{max-width:100%}section h2{color:#271041;font-size:32px;text-align:center;margin-bottom:32px;text-transform:uppercase}.container{max-width:1600px;margin:0 auto;padding-left:128px;padding-right:128px;width:100%}@media (max-width: 1024px){.container{padding-left:64px;padding-right:64px}}@media (max-width: 767px){.container{padding-left:32px;padding-right:32px}}header{color:#f3f3f3;position:fixed;top:0;left:0;width:100%;z-index:99}header .container{padding-top:64px;padding-bottom:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1600px;margin:0 auto;padding-left:128px;padding-right:128px}header .container h2{color:inherit;font-size:32px}header .container h2 span{font-family:"Dela Gothic One";color:#331950}header .container nav{display:-ms-grid;display:grid;grid-gap:12px;-ms-grid-columns:(auto)[5];grid-template-columns:repeat(5, auto)}@media (max-width: 767px){header .container nav{display:none}}header .container nav a{color:inherit;font-size:15px;text-decoration:none}@media (max-width: 1024px){header .container{padding-left:64px;padding-right:64px}}@media (max-width: 767px){header .container{padding-left:32px;padding-right:32px}}header.is-scrolling{background:#250425;-webkit-transition:0.4s;transition:0.4s}header.is-scrolling .container{padding-top:16px;padding-bottom:16px}main section.banner{color:#f3f3f3;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#c59b41;background-position:center;background-size:cover}main section.banner .container{position:relative;z-index:1}main section.banner .container h1{font-family:"Dela Gothic One";font-size:70px;margin-bottom:20px}@media (max-width: 767px){main section.banner .container h1{font-size:40px;line-height:1.3;letter-spacing:.8px}}main section.banner .container h1 span{color:#fffc67;font-family:"Dela Gothic One"}main section.banner .container h3{font-family:'Roboto', sans-serif;font-weight:100;font-size:30px}@media (max-width: 767px){main section.banner .container h3{font-size:27px}}main section.banner .background3d{position:absolute;top:0;left:0;width:100%;height:100%}main .services{background-color:#eee}main .services .container{padding-top:128px;padding-bottom:128px}main .services .container .services-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr);grid-gap:16px}@media (max-width: 1024px){main .services .container .services-grid{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);grid-gap:40px}}@media (max-width: 767px){main .services .container .services-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}}main .services .container .services-grid .services{background-color:white;border-radius:8px;overflow:hidden;-webkit-box-shadow:0px 6px 12px rgba(0,0,0,0.1);box-shadow:0px 6px 12px rgba(0,0,0,0.1)}main .services .container .services-grid .services .img-box{display:block;width:100%;border-bottom:5px solid #632894}main .services .container .services-grid .services .img-box .img{display:block;width:100%;height:250px;-o-object-fit:cover;object-fit:cover}main .services .container .services-grid .services .content{padding:16px}main .projects{padding:128px 0 128px 0}main .projects .projects-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);grid-gap:16px}@media (max-width: 1024px){main .projects .projects-grid{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}@media (max-width: 767px){main .projects .projects-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}}main .projects .projects-grid .project{background-image:url("../img/1.jpg");background-position:center;background-size:cover;border-radius:8px;overflow:hidden}main .projects .projects-grid .project .content{height:250px;opacity:0;color:white;padding:16px;background-color:rgba(60,23,95,0.8);-webkit-transition:0.4s;transition:0.4s}main .projects .projects-grid .project .content h3{font-size:22px;margin-bottom:16px}main .projects .projects-grid .project .content p{font-size:16px}main .projects .projects-grid .project:hover .content{opacity:1}main .projects .center{text-align:center}main .contact{background-color:#421f5f}main .contact .container{padding-left:64px;padding-right:64px;padding-top:128px;padding-bottom:128px}@media (max-width: 767px){main .contact .container{padding-left:32px;padding-right:32px;-ms-grid-columns:1fr;grid-template-columns:1fr}}main .contact .container h2{color:white}main .contact .container form{max-width:680px;display:block;margin:0 auto}main .contact .container form .form-grid{display:-ms-grid;display:grid;grid-gap:16px;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}@media (max-width: 767px){main .contact .container form .form-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}}main .contact .container form .form-grid .form-element,main .contact .container form .form-grid .form-area{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;display:block;width:100%;background-color:white;border-radius:8px;padding:16px;font-size:20px}main .contact .container form .form-grid .form-element::-webkit-input-placeholder,main .contact .container form .form-grid .form-area::-webkit-input-placeholder{color:#c3b2c5}main .contact .container form .form-grid .form-element:-ms-input-placeholder,main .contact .container form .form-grid .form-area:-ms-input-placeholder{color:#c3b2c5}main .contact .container form .form-grid .form-element::-ms-input-placeholder,main .contact .container form .form-grid .form-area::-ms-input-placeholder{color:#c3b2c5}main .contact .container form .form-grid .form-element::placeholder,main .contact .container form .form-grid .form-area::placeholder{color:#c3b2c5}main .contact .container form .form-grid .form-area{grid-column:1/-1}main .contact .container form .right-align{text-align:right}@media (max-width: 767px){.hide-mob{display:none}}
/*# sourceMappingURL=main.css.map */