html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}a{text-decoration:none;color:inherit}*,p,span,a,li{font-family:Play,sans-serif;font-size:16px}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:Genos,sans-serif}.h3{font-size:30px;line-height:30px;color:var(--color-black);font-family:Play,sans-serif}.h1{font-size:150px;line-height:150px;color:var(--color-white);text-transform:uppercase;position:relative;font-family:fantasy}:root{--color-primary: #02452a;--color-secondary: #A37E2C;--color-white: #efeae0;--color-black: #212121}.container{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;width:100%}strong{font-weight:700!important}.w-100{width:100%}.flex{display:flex;flex-direction:row}.flex-wrap{flex-wrap:wrap}.align-center{align-items:center}.justify-between{justify-content:space-between}#app{color:var(--color-black);min-height:70vh}.h2{font-size:60px;line-height:40px;font-family:Genos,sans-serif;color:var(--color-black);margin:100px 0 40px;text-transform:uppercase}.purple-bg{background-color:var(--color-primary)}.black-bg{background-color:var(--color-black)}.yellow-bg{background-color:var(--color-secondary)}.yellow-bg .logo{color:var(--color-primary)}.white-bg{background-color:var(--color-white)}.pagination{margin:50px 0}.header{display:flex;justify-content:space-between;position:sticky;top:0;z-index:10;padding:10px 0 20px;width:1440px;margin:0 auto;align-items:end}.mobile-toggle-button-close{display:none}.logo{font-family:fantasy,sans-serif;font-size:40px;line-height:40px;color:var(--color-secondary);display:flex}.header-nav{align-items:end}.header-nav-link{display:block;color:var(--color-white);font-size:16px;margin:0 14px;transition:.3s;position:relative}.header-nav-link:before{content:"";display:block;width:100%;height:2px;background:transparent;position:absolute;bottom:-5px;left:0;transition:.3s}.header-nav-link:hover:before{background:var(--color-secondary)}.header-contact-button{background-color:var(--color-white);color:var(--color-primary);padding:8px 25px;border-radius:10px;font-size:16px;display:flex;border:1px solid var(--color-white);transition:.5s;position:relative;width:fit-content}.header-contact-button:hover{padding-left:15px;padding-right:35px;color:var(--color-secondary)}.header-contact-button:after{content:"»";position:absolute;opacity:0;top:5px;right:-10px;font-size:20px;transition:.5s}.header-contact-button:hover:after{opacity:1;right:10px}.footer{padding:40px 0;border-top:1px solid var(--color-primary);background:var(--color-black)}.footer-logo{display:flex;width:40%;flex-direction:column}.footer-logo .logo{margin-bottom:35px;font-size:64px}.footer-slogan{font-size:20px;color:var(--color-white);margin-bottom:5px;font-family:Genos,sans-serif}.footer-nav{display:flex;justify-content:space-between;width:60%}.footer-nav-col{width:24%;display:flex;flex-direction:column}.footer-nav-col-small{width:15%}.footer-nav-link{font-size:16px;line-height:24px;margin-bottom:4px;color:var(--color-white);display:block;width:100%;transition:.3s}.footer-nav-link:hover{color:var(--color-primary)}.main-banner{display:flex;flex-direction:row;justify-content:space-between;background:var(--color-primary);flex-wrap:wrap;margin-bottom:50px}.main-video-area{width:50%}.main-img-banner{margin-top:40px;width:150%}.main-video{width:100%}.main-relinks-area{width:50%;display:flex;flex-direction:column;justify-content:center;text-align:right;align-items:flex-end;margin-top:30px}.main-link{display:block;height:140px;overflow:hidden;margin-bottom:20px;text-transform:uppercase}.main-link span{font-family:fantasy,sans-serif;font-size:160px;line-height:140px;color:var(--color-white);transition:.5s}.main-link.active span{color:var(--color-secondary)}.main-slogan-area{width:100%;display:flex;padding-bottom:50px}.main-slogan{width:100%;display:flex;justify-content:center;align-items:center;margin-top:50px;text-align:center;font-size:64px;color:#fff}.main-slogan span{font-size:64px;overflow:hidden;color:var(--color-white);margin-left:20px;font-family:Play,sans-serif}.main-slogan span b{font-size:64px;color:var(--color-secondary);margin-left:20px;font-family:Play,sans-serif}.mobile-toggle-button{display:none}.contact-us{background:var(--color-black);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:50px}.contact-us-title{color:var(--color-white)}.contact-us-area{display:flex;justify-content:space-between}.contact-us-video{width:55%;position:relative;overflow:hidden}.contact-us-video-item{width:100%}.contact-us-form{width:20%;display:flex;flex-direction:column;margin-right:80px}.contact-us-form-input,.contact-us-form-textarea{margin-bottom:20px;background:transparent;border:1px solid var(--color-primary);color:var(--color-white);padding:10px 20px;font-size:18px;width:calc(100% - 40px);border-radius:30px;outline:none}.contact-us-form-input::placeholder,.contact-us-form-textarea::placeholder{color:var(--color-white);opacity:.8}.contact-us-page-form .contact-us-form-input::placeholder,.contact-us-page-form .contact-us-form-textarea::placeholder{color:var(--color-black);opacity:.8}.contact-us-page-form .contact-us-form-input,.contact-us-page-form .contact-us-form-textarea{color:var(--color-black)}.contact-us-form-textarea{height:150px}.submit-contact-us-form{border:none;background:transparent;cursor:pointer;margin:0}.btn-with-arrow{display:flex;align-items:center;justify-content:center;font-size:16px;transition:.5s;position:relative;width:fit-content}.btn-with-arrow-text{color:var(--color-primary);height:40px;width:150px;display:flex;align-items:center;justify-content:center;border-radius:30px;font-size:16px;border:1px solid var(--color-primary);background:var(--color-white);transition:.3s}.btn-with-arrow-icon{margin-left:10px;background:var(--color-primary);display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--color-primary);transition:.3s}.main-about{background:var(--color-black);padding:100px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.main-about-text{width:60%;font-size:30px;color:var(--color-white);line-height:40px;font-family:Genos,sans-serif;text-align:center}.main-about-text span{font-size:30px;color:var(--color-secondary);line-height:40px;font-family:Genos,sans-serif}.main-about-we{display:flex;align-items:center;margin-top:50px;position:relative}.icon-main-about{width:50px;height:20px;border-radius:30px;background:var(--color-primary);margin:0 20px}.main-about-we-text{color:var(--color-white);font-size:48px;line-height:40px;font-family:Genos,sans-serif;white-space:nowrap}.our-blog{padding-bottom:100px}.blog-items{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.blog-item{display:flex;flex-direction:column;margin-right:2%}.blog-item-img{width:100%;height:400px;object-fit:cover;object-position:top left}.blog-item-title{font-size:24px;font-weight:500;margin:10px 0;color:var(--color-white)}.blog-item-text{font-size:16px;color:var(--color-white);line-height:24px;opacity:.7}.our-blog-title{color:#fff}.blog-view-btn{margin:100px 0 40px 80px}.what-we-do{padding-bottom:50px}.what-we-do-title{color:var(--color-white)}.what-we-do-items{display:flex}.what-we-do-item{border:3px solid transparent;cursor:pointer;padding:3px 20px;box-sizing:border-box}.what-we-do-item:hover .what-we-do-item-title{color:var(--color-secondary)}.what-we-do-item.active{border:3px solid var(--color-secondary)}.what-we-do-item-title{display:flex;align-items:center;white-space:nowrap;font-size:24px;color:var(--color-white);padding:5px 0;transition:.3s}.what-we-do-item.active .what-we-do-item-title{color:var(--color-secondary)}.what-we-do-content-item{display:none;position:relative;padding-bottom:50px;margin-top:50px}.what-we-do-content-item.active{color:var(--color-white);letter-spacing:.75px;font-size:20px;height:100%;display:flex;justify-content:center;line-height:24px}.what-we-do-content-item span{color:var(--color-secondary);font-weight:700;font-size:20px}.view-what-we-do-btn{margin-top:14px;background:transparent;cursor:pointer;display:flex;padding:5px 15px 5px 0;width:fit-content;font-size:20px;font-family:Play,sans-serif;border-radius:10px;font-weight:700;color:var(--color-secondary)}.what-we-do-item-img{width:58%}.what-we-do-content-description{height:fit-content;margin:auto 70px auto 0}.our-last-projects{background:var(--color-black)}.our-last-projects-items{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:100px}.our-last-projects-item{position:relative;overflow:hidden;border-radius:0;padding:50px;display:flex;flex-direction:column;align-self:center;justify-content:center;transition:.3s;cursor:pointer;box-shadow:0 10px 40px #00000080}.our-last-projects-item:first-child,.our-last-projects-item:nth-child(4n){grid-column:span 2}.our-last-projects-item img{opacity:.3;transition:.3s;height:300px;object-fit:contain}.our-last-projects-item:hover *{opacity:1}.our-last-project-description{display:flex;flex-direction:column}.our-last-projects-item-title{font-size:24px;color:var(--color-white);margin-bottom:10px}.our-last-projects-item-text{font-size:16px;color:var(--color-white);line-height:24px;opacity:.5;transition:.3s}.page-main-banner{height:600px;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-us{background:var(--color-white);padding:100px 0}.about-us-image{width:65%}.about-us-content{width:30%;font-size:24px;line-height:30px}.printable-text{font-size:34px;color:var(--color-white)}.text-center{text-align:center}.typewriter{color:var(--color-secondary, #333);font-size:34px;font-family:Genos,sans-serif;display:inline-block;position:relative}.typewriter:after{content:"";position:absolute;right:-5px;width:1px;height:1em;background:currentColor;animation:blink .5s linear infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typewriter.disabled:after{display:none}.what-we-do-page{background:var(--color-white);padding:100px 0}.what-we-do-page .container{display:grid;grid-template-columns:1fr 1fr;gap:30px}.what-we-do-page-item-img{width:200px;padding:25px}.what-we-do-page-item{display:flex;align-items:center;margin-bottom:30px}.what-we-do-page-title{width:100%;font-family:fantasy;font-size:46px;margin-bottom:20px;color:var(--color-primary)}.what-we-do-page-description{font-size:16px;width:calc(100% - 280px)}.faq-page{background:var(--color-white);border-radius:30px;margin-bottom:100px}.faq-item{padding:20px 100px;border-bottom:2px solid var(--color-primary)}.faq-question{display:flex;justify-content:space-between;width:100%;align-items:center}.faq-open{color:var(--color-white);background:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:35px;cursor:pointer;margin:0;padding:0;transition:.3s;font-family:Play,sans-serif}.faq-answer{height:0;overflow:hidden;transition:.3s}.faq-item.active .faq-open{transform:rotate(135deg);background:var(--color-primary)}.faq-item.active .faq-answer{height:auto;padding:20px 0}.contact-us-form-area{display:flex;justify-content:space-between;margin-bottom:100px}.contact-us-page-form{width:40%;border-radius:30px;padding:50px;background:var(--color-white);box-shadow:0 10px 40px #00000080}.contact-us-description{width:48%;display:flex;align-items:center;justify-content:center;flex-direction:column}.contact-us-text{font-size:20px;line-height:30px;color:var(--color-white);margin-bottom:20px}.contact-us-links{display:flex;justify-content:space-between;width:100%}.contact-us-link{color:var(--color-secondary);font-size:28px;transition:.3s;margin-top:30px}.contact-us-map-title{margin-top:150px;color:var(--color-secondary);margin-bottom:20px}.contact-us-map-area{display:flex;width:100%}.active-cities-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:100px;width:50%}.active-city{display:flex;align-items:center;justify-content:center;width:50%;color:var(--color-white);font-size:24px;font-family:Play,sans-serif;margin:10px 0}.blog-main-banner{display:flex;justify-content:space-between;flex-direction:row;margin:50px auto}.blog-main-image,.blog-main-title{width:48%}.blog-article-title{width:100%;font-size:46px;line-height:50px;font-family:Play,sans-serif}.blog-article-preview{font-size:20px;line-height:30px;color:var(--color-white);margin:30px 0}.article-content{color:var(--color-white);margin-bottom:100px;font-size:inherit}.article-content h2{font-size:36px;margin:50px 0 20px;color:var(--color-secondary)}.article-content ul{list-style:inside;margin:15px 0}.article-content h3{font-size:30px;margin:30px 0 10px}.article-content table{width:100%;border-collapse:collapse;margin:20px 0}.article-content table td{border:1px solid var(--color-secondary);padding:10px}.article-content pre{margin:10px 0}.article-content pre,.article-content code{background:var(--color-secondary);color:var(--color-black);overflow-x:auto}.breadcrumbs,.breadcrumbs *{color:var(--color-secondary);text-decoration:none;font-size:16px}.cases-area{display:grid;gap:50px;grid-template-columns:1fr 1fr;padding:100px 0}.portfolio-item{box-shadow:0 10px 40px #00000080;padding:50px;transition:.3s}.portfolio-item:hover{box-shadow:0 10px 40px #00000080,0 0 20px #000c}.portfolio-item:hover .portfolio-item-link-image{transform:scale(1.05)}.portfolio-item-title{font-size:24px;color:var(--color-white);margin:10px 0;display:block}.portfolio-item-description{font-size:16px;color:var(--color-white);line-height:24px}.portfolio-item-link-image{height:300px;object-fit:contain;object-position:top left;transition:.3s}.a-few-photos{background:var(--color-white);padding-bottom:50px}.a-few-photos-grid-img{width:100%;border-radius:0;border:5px solid var(--color-secondary);transition:.3s;cursor:pointer;height:400px}.img2,.img3,.img4,.img5,.img6,.img7,.img9,.img10{height:170px}.a-few-photos-grid-img:hover{transform:scale3d(1.02,1.02,1.02)}.a-few-photos-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:50px;margin-bottom:50px}.img1{grid-column:1 / span 2;grid-row:1 / span 2}.img2{grid-column:3;grid-row:1}.img3{grid-column:4;grid-row:1}.img4{grid-column:3;grid-row:2}.img5{grid-column:4;grid-row:2}.img6{grid-column:1;grid-row:3}.img7{grid-column:2;grid-row:3}.img8{grid-column:3 / span 2;grid-row:3 / span 2}.img9{grid-column:1;grid-row:4}.img10{grid-column:2;grid-row:4}.modal-image-portfolio{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;align-items:center;justify-content:center;z-index:1000;display:none}.modal-image-portfolio.active{display:flex}.modal-image-close{position:absolute;top:20px;right:20px;cursor:pointer;color:var(--color-white);background:var(--color-black);border:1px solid var(--color-white);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-image-close svg{width:25px;height:25px}.modal-image-img{max-height:90%;max-width:90%;width:100%;object-fit:contain}.portfolio-page-outside{position:relative;width:calc(100% - 200px);height:calc(100vh - 70px);padding:50px 100px 100px}.portfolio-page{height:calc(100vh - 270px);display:flex;align-items:center;justify-content:center;border:20px solid var(--color-secondary);position:relative}.portfolio-banner-description{position:absolute;bottom:0;left:0;width:50%;padding:50px;background:#02452add}.case-banner-description{font-size:24px;color:var(--color-white);line-height:30px}.what-did-we-do-portfolio{background:var(--color-white);padding:50px 0 100px;font-size:24px}.what-did-we-do-portfolio h2{font-size:46px;line-height:50px;font-family:Play,sans-serif;font-weight:600;color:var(--color-primary);margin:50px 0 20px}.what-did-we-do-portfolio h3{font-size:36px;line-height:40px;font-family:Play,sans-serif;color:var(--color-secondary);margin:30px 0 20px}.what-did-we-do-portfolio p,.what-did-we-do-portfolio li,.what-did-we-do-portfolio a{font-size:20px;line-height:30px;color:var(--color-black)}.what-did-we-do-portfolio ul,.what-did-we-do-portfolio ol{list-style:inside;margin:15px 0}.portfolio-tech-title{margin-top:0}.service-item{width:100%;display:flex;justify-content:space-between;margin:0 auto;align-items:center;max-width:1440px;padding:100px 0}.purple-bg .service-item{flex-direction:row-reverse}.service-item-title-and-img{width:45%}.service-item-title{font-size:42px;color:var(--color-secondary);margin-bottom:20px;font-family:fantasy;text-align:center}.yellow-bg .service-item-title{color:var(--color-black)}.service-item-description{width:50%;font-size:20px;line-height:30px;color:var(--color-white)}.service-item-description a{color:var(--color-secondary);font-size:20px;line-height:30px}.yellow-bg .service-item-description a{color:var(--color-black)}.service-item-description a:hover{text-decoration:underline}.service-page{height:calc(100vh - 270px);display:flex;align-items:center;justify-content:center;position:relative}.contact-us-form-message{display:flex;align-items:center;justify-content:center;color:var(--color-secondary);margin-top:20px}