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}html{box-sizing:border-box;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}body{line-height:1;overflow-x:hidden;min-height:100vh}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:Impact,Copperplate,Bebas Neue,Oswald,fantasy,sans-serif;font-weight:700;letter-spacing:1px}: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%;padding:0 40px;box-sizing:border-box}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:20px 40px;width:1440px;margin:0 auto;align-items:center}.mobile-toggle-button-close{display:none}.logo{font-family:Impact,Copperplate,Bebas Neue,Oswald,fantasy,sans-serif;font-weight:700;letter-spacing:1px;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);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:Impact,Copperplate,Bebas Neue,Oswald,fantasy,sans-serif;font-weight:700;letter-spacing:1px;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:45%}.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 p,.article-content span,.article-content pre,.article-content code,.article-content a{font-size:16px;line-height:24px;color:var(--color-white)}.article-content a{color:var(--color-secondary);text-decoration:underline}.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}.article-content img{width:100%;margin:10px 0}.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:cover;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:30px;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:20px;margin:0 auto}.portfolio-page{height:calc(100vh - 170px);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}.what-did-we-do-portfolio img{width:100%;margin:20px 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:Impact,Copperplate,Bebas Neue,Oswald,fantasy,serif;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}.sitemap-content{padding:60px 0}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:40px}.sitemap-section{background:#ffffff1a;padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.sitemap-section h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.3)}.sitemap-links{list-style:none;padding:0;margin:0}.sitemap-links li{margin-bottom:12px}.sitemap-links a{color:#ffffffe6;text-decoration:none;font-size:1rem;transition:all .3s ease;display:block;border-radius:5px;padding:8px 0 8px 10px}.sitemap-links a:hover{color:#fff;background:#ffffff1a;transform:translate(5px)}.sitemap-info{text-align:center;margin-top:40px;padding:30px;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.sitemap-info p{color:#fffc;font-size:1.1rem;margin:0}.sitemap-info a{color:#fff;text-decoration:underline;font-weight:600}.sitemap-info a:hover{color:#fffc}.mobile-header-contact-button{display:none;font-size:20px;background-color:var(--color-white);color:var(--color-primary);border-radius:10px;border:1px solid var(--color-white);transition:.5s;position:relative;width:160px;height:44px;align-items:center;justify-content:center;margin-top:60px}@media only screen and (max-width: 1440px){.container{max-width:1280px;padding:0 20px}.header{width:1280px;padding:20px}.h1{font-size:120px;line-height:120px}.h2{font-size:50px;line-height:32px;margin:50px 0 30px}.h3{font-size:24px;line-height:24px}*,p,span,a,li{font-size:14px}.main-link{height:10vw;margin-bottom:0}.main-link span{font-size:10vw;line-height:10vw}.main-link.active span{color:var(--color-secondary)}.main-video-area{display:flex}.footer-logo .logo{font-size:48px;line-height:48px;margin-bottom:15px}.footer-logo{margin-right:25px}}@media only screen and (max-width: 1280px){.container{max-width:1200px;padding:0 20px}.header{width:unset;padding:20px}.h1{font-size:100px;line-height:100px}.h2{font-size:40px;line-height:28px}.h3{font-size:22px;line-height:22px}*,p,span,a,li{font-size:14px}.logo{font-size:28px;line-height:28px}}@media only screen and (max-width: 1279px){.container{max-width:100%;padding:0 40px}.h1{font-size:80px;line-height:80px}.h2{margin:30px 0;font-size:40px;line-height:24px}.h3{font-size:20px;line-height:20px}*,p,span,a,li{font-size:15px}.logo{font-size:24px;line-height:24px}.main-relinks-area{flex-wrap:wrap;gap:5px}.main-about-text{width:75%;font-size:26px;line-height:38px}.blog-items{grid-template-columns:repeat(2,1fr);gap:30px}.blog-item{padding:20px}.our-last-projects-items{grid-template-columns:repeat(2,1fr);gap:30px}.what-we-do-page-item{flex-direction:column;gap:30px;text-align:center}.what-we-do-page-item-img{width:100%;max-width:400px;margin:0 auto}.faq-page{padding:40px 0}.faq-question{font-size:18px;padding:20px}.faq-answer{font-size:15px}.contact-us{padding:60px 0}.contact-us-area{flex-direction:column;gap:40px}.contact-us-form{width:100%;max-width:500px;margin:0 auto}.sitemap-grid{grid-template-columns:repeat(2,1fr);gap:30px}.sitemap-section{padding:25px}.sitemap-section h3{font-size:1.4rem}.what-we-do-items{gap:10px;flex-wrap:wrap}.what-we-do-item{padding:5px 10px}.what-we-do-item.active{border:2px solid var(--color-secondary)}.what-we-do-item-title{font-size:18px;line-height:20px;padding:0}.what-we-do-content-item span{color:var(--color-secondary);font-weight:700;font-size:15px}.what-we-do-content-description{font-size:15px;line-height:1.6;margin:0}.contact-us-video{gap:30px}.contact-us-video-item{max-width:400px}.a-few-photos-grid{grid-template-columns:repeat(3,1fr);gap:15px}.our-blog{padding:50px 0}.our-blog-title{font-size:28px;margin-bottom:30px}.our-last-projects{padding:50px 0}.btn-with-arrow{padding:12px 24px;font-size:15px}.btn-with-arrow-text{font-size:15px}.btn-with-arrow-icon{width:24px;height:24px}.contact-us-page-form{padding:30px}.contact-us-description{font-size:16px;line-height:1.6}.contact-us-text{font-size:15px;line-height:1.5}.contact-us-links{gap:20px}.contact-us-link{font-size:15px;padding:10px 20px}.contact-us-map-area{padding:30px 0}.contact-us-map-title{font-size:22px;margin-bottom:20px}.active-cities-list{gap:15px}.active-city{font-size:14px;padding:8px 16px}}@media only screen and (max-width: 940px){.header-contact-button{display:none}.mobile-header-contact-button{display:flex}.header{width:100%;padding:16px 22px;background-color:var(--color-primary);border-bottom:1px solid #fff}.yellow-bg .logo{color:var(--color-secondary)}.mobile-toggle-button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;z-index:20}.mobile-toggle-button-line{width:100%;height:3px;background-color:var(--color-white);margin:2px 0;border-radius:2px;transition:all .3s ease}.mobile-toggle-button.active .mobile-toggle-button-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-toggle-button.active .mobile-toggle-button-line:nth-child(2){opacity:0}.mobile-toggle-button.active .mobile-toggle-button-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-toggle-button{display:flex}#header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;position:fixed;top:0;left:0;height:0;width:100%;background-color:var(--color-primary);overflow:hidden;transition:height .5s ease,opacity .3s ease;z-index:1000}#header.active{height:100vh;padding:0 100px;z-index:9}.header-nav-link{font-size:20px;color:var(--color-white);text-decoration:none;height:40px;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;transition:background-color .3s}.main-banner{padding:30px 30px 0}.main-about-we-text{font-size:24px;line-height:30px}.footer-nav-link{font-size:12px;line-height:14px;margin-top:10px}}@media only screen and (max-width: 719px){.container{padding:0 20px}.h1{font-size:60px;line-height:60px}.h3{font-size:18px;line-height:18px}*,p,span,a,li{font-size:14px}.logo{font-size:22px;line-height:20px}.header-nav-link{font-size:16px}.main-banner{padding:30px 20px 0}.main-relinks-area{flex-direction:column;gap:10px}.main-about{padding:50px 0}.blog-items{grid-template-columns:1fr;gap:20px}.blog-item{padding:15px}.blog-item-title{font-size:18px;line-height:1.3}.blog-item-text{font-size:13px;line-height:1.4}.our-last-projects-items{grid-template-columns:1fr;gap:20px}.our-last-projects-item{padding:15px}.our-last-projects-item-title{font-size:18px;line-height:1.3}.our-last-projects-item-text{font-size:13px;line-height:1.4}.what-we-do-page-item{gap:20px;padding:20px 0}.what-we-do-page-title{font-size:20px;line-height:1.2}.what-we-do-page-description{font-size:14px;line-height:1.5}.faq-page{padding:30px 0}.faq-question{font-size:16px;padding:15px;flex-direction:column;gap:10px;text-align:center}.faq-open{align-self:center}.faq-answer{font-size:14px;line-height:1.5}.contact-us{padding:40px 0}.contact-us-title{font-size:24px;margin-bottom:20px}.contact-us-form{padding:20px}.contact-us-form-input,.contact-us-form-textarea{padding:12px;font-size:14px}.submit-contact-us-form{padding:12px 24px;font-size:14px}.page-main-banner{padding:40px 40px 0;text-align:center}.printable-text{font-size:20px;line-height:1.3}.about-us{padding:40px 0}.about-us .flex{flex-direction:column;gap:30px;text-align:center}.about-us-content{font-size:14px;line-height:1.6}.blog-main-banner{padding:40px 30px 0}.blog-main-image,.blog-main-title{width:100%}.blog-article-title{font-size:32px;line-height:1.2}.blog-article-preview{font-size:16px;line-height:1.4}.article-content{padding:20px 0;font-size:14px;line-height:1.6}.article-content h2{font-size:24px;margin:30px 0 15px}.article-content h3{font-size:20px;margin:25px 0 12px}.portfolio-page{padding:40px 0;min-height:300px}.portfolio-banner-description{font-size:16px;line-height:1.4}.case-banner-description{font-size:14px;line-height:1.5}.service-page{padding:40px 0;min-height:300px}.service-item{padding:20px;margin-bottom:20px}.service-item-title{font-size:20px;line-height:1.3}.service-item-description{font-size:14px;line-height:1.5}.sitemap-grid{grid-template-columns:1fr;gap:20px}.sitemap-section{padding:20px}.sitemap-section h3{font-size:1.3rem}.sitemap-links a{font-size:.95rem}.sitemap-info{padding:20px;margin-top:30px}.sitemap-info p{font-size:1rem}.modal-image-portfolio{padding:20px}.modal-image-close{top:10px;right:10px;width:30px;height:30px}.breadcrumbs{font-size:12px;flex-wrap:wrap;gap:5px}.pagination{margin:30px 0;justify-content:center}.footer .container{display:flex;flex-direction:column}.footer{padding:40px 0}.footer-logo{width:100%;margin-bottom:30px;margin-top:20px}.footer-nav{display:flex;justify-content:space-between;gap:10px;width:100%}.footer-nav-col{width:100%}.footer-nav-col-small{width:80%}.footer-nav-link{font-size:12px;line-height:14px;margin-top:10px}.what-we-do-content-item.active{padding:13px;display:flex;flex-direction:column;align-items:center;gap:25px;margin-top:25px}}@media only screen and (max-width: 480px){.container{padding:0 15px}.h1{font-size:48px;line-height:48px}.h3{font-size:16px;line-height:16px}*,p,span,a,li{font-size:13px}.header-contact-button{font-size:13px;padding:5px 14px}.main-banner{padding:30px 20px 0}.main-about-text{width:80%;font-size:20px;line-height:30px}.main-about-text span{font-size:20px;line-height:30px}.main-about-we-text{font-size:24px;line-height:20px}.view-what-we-do-btn{font-size:16px;border:1px solid var(--color-secondary);width:100%;border-radius:0;text-align:center;align-items:center;justify-content:center;padding:5px 0}.what-we-do-item-img{width:100%;margin:0 auto}.our-last-projects-item{padding:12px}.blog-item-title,.our-last-projects-item-title{font-size:16px}.blog-item-text,.our-last-projects-item-text{font-size:12px}.faq-question{font-size:14px;padding:12px}.faq-answer{font-size:13px}.contact-us{padding:30px 0}.contact-us-title{font-size:40px}.contact-us-form{padding:15px}.contact-us-form-input,.contact-us-form-textarea{padding:10px;font-size:13px}.submit-contact-us-form{padding:10px 20px;font-size:13px}.page-main-banner{padding:30px 0}.printable-text{font-size:18px}.blog-article-title{font-size:32px;line-height:36px}.blog-article-preview{font-size:14px}.article-content h2{font-size:32px;line-height:36px}.article-content h3{font-size:26px;line-height:30px}.service-page,.portfolio-page{padding:30px 0;min-height:250px}.service-item{padding:15px;flex-direction:column}.service-item-title-and-img,.service-item-description{width:100%}.service-item-title{font-size:18px;margin-top:50px}.service-item-description,.service-item-description span,.service-item-description a{font-size:13px}.purple-bg .service-item{flex-direction:column}.sitemap-section{padding:15px}.sitemap-section h3{font-size:1.2rem}.sitemap-links a{font-size:.9rem}.sitemap-info{padding:15px}.sitemap-info p{font-size:.9rem}.contact-us-video{flex-direction:column;gap:20px;width:100%}.contact-us-video-item{width:100%;margin:0 auto}.contact-us-form-input,.contact-us-form-textarea{width:100%}.a-few-photos-grid{grid-template-columns:repeat(2,1fr);gap:10px}.our-blog{padding:30px 0}.our-blog-title{font-size:40px;margin-bottom:20px}.our-last-projects{padding:30px 0}.blog-item-img{height:200px}.btn-with-arrow{padding:0;font-size:13px}.btn-with-arrow-text{font-size:13px}.btn-with-arrow-icon{width:40px;height:40px}.contact-us-page-form{padding:20px}.contact-us-description{font-size:14px;line-height:1.5}.contact-us-text{font-size:13px;line-height:1.4}.contact-us-links{flex-direction:column;gap:10px;align-items:center}.contact-us-link{font-size:13px;padding:8px 16px}.contact-us-map-area{padding:20px 0}.contact-us-map-title{font-size:18px;margin-bottom:15px}.active-cities-list{flex-direction:column;gap:8px;align-items:center}.active-city{font-size:11px;padding:5px 10px}.typewriter{font-size:18px}.about-us-image,.about-us-content{width:100%}.what-we-do-page{padding:50px 0}.what-we-do-page-item-img{padding:10px}.what-we-do-page-description{width:100%}.faq-item{padding:10px}.faq-question{display:flex;flex-direction:row;text-align:left}.faq-open{flex-shrink:0;width:40px;height:40px}.portfolio-page-outside{width:100%;padding:50px 0 0}.service-page{height:calc(100vh - 120px)}.portfolio-banner-description{width:100%;padding:40px 20px}.our-last-projects-item:first-child,.our-last-projects-item:nth-child(4n){grid-column:1}.our-last-projects-item img{height:200px}.cases-area{grid-template-columns:1fr}.portfolio-item{padding:25px}.portfolio-item-link-image{height:200px;object-fit:cover}.blog-item-img{height:250px}.blog-main-banner{flex-direction:column}.what-did-we-do-portfolio h2{font-size:32px;line-height:36px}.what-did-we-do-portfolio p,.what-did-we-do-portfolio li,.what-did-we-do-portfolio a{font-size:18px;line-height:22px}.blog-item{padding:0}}