@keyframes animate-brief-decoration-in{0%{opacity:0}to{opacity:1}}@keyframes animate-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}:root{--color-dark:#232323;--color-dark2:#707070;--color-dark3:#161616;--color-white:#fff;--color-black:#000;--color-error:#ff0033;--color-grey:#555;--color-purple:#800080;--font-main:'Raleway', sans-serif;--project-color-dark:#161616;--project-color-primary:#0E1E38;--project-color-secondary:#04B1B0;--project-color-grey:#555;--project-color-grey-2:#FCFCFC;--project-color-grey-3:#F8F8F9;--project-font-secondary:'IBM Plex Sans', var(--font-main), sans-serif}.wrapper{margin:0 auto;padding:0;width:100%;max-width:100%}.st-300{padding-top:32px!important}.mx-auto{margin-right:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.heading,.heading-large,.paragraph,.subheading{display:block;margin:0;font-size:55px;font-weight:600;line-height:50px;color:var(--project-color-primary)}.heading-large,.paragraph,.subheading{font-size:60px;line-height:normal}.paragraph,.subheading{font-size:24px;font-weight:500;color:var(--project-color-secondary)}.subheading.is-top{margin-bottom:-8px}.paragraph{font-size:18px;font-weight:400;line-height:30px;color:var(--project-color-dark)}.about-client{padding:150px 0 130px;font-family:var(--project-font-secondary)}html:not(.no-js) .about-client,html:not(.no-js) .brief,html:not(.no-js) .brief__decoration,html:not(.no-js) .colors-demo,html:not(.no-js) .design-demo,html:not(.no-js) .details-demo,html:not(.no-js) .fonts-demo,html:not(.no-js) .icons-demo,html:not(.no-js) .inner-pages-demo,html:not(.no-js) .problems,html:not(.no-js) .quotes-section,html:not(.no-js) .responsive-demo,html:not(.no-js) .sitemap-demo,html:not(.no-js) .stats{opacity:0}html:not(.no-js) .about-client.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .about-client.css-animate-end{opacity:1}.about-client__cont{max-width:620px}.about-client .heading{font-size:48px;line-height:50px}.about-client .paragraph{padding-top:18px;line-height:25px}.about-client .wrapper{width:calc(100% - 88px);max-width:1100px}.stats{padding-bottom:140px;font-family:var(--project-font-secondary)}html:not(.no-js) .stats.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .stats.css-animate-end{opacity:1}.stats__list{--project-stats-size:minmax(328px, 362px);display:grid;grid-template-columns:var(--project-stats-size) var(--project-stats-size) var(--project-stats-size);align-items:start;justify-content:center;gap:32px 40px}.stats__item,.stats__number{display:flex;align-items:center}.stats__item{justify-content:flex-start;gap:32px}.stats__number{flex-shrink:0;justify-content:center;width:140px;height:140px;font-size:64px;font-weight:200;line-height:normal;color:var(--color-white);text-align:center;background-color:var(--project-color-secondary);border-radius:50%}.stats .heading{font-size:38px;font-weight:700;line-height:normal;color:var(--color-black)}.stats .paragraph{font-size:16px;line-height:24px;color:var(--color-black)}.stats .wrapper{width:calc(100% - 28px);max-width:1166px}.brief{padding-left:100px;font-family:var(--project-font-secondary)}html:not(.no-js) .brief.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .brief.css-animate-end{opacity:1}.brief__cont{position:relative;display:flex;align-items:center;justify-content:center;margin-left:auto;padding:42px 47px 80px;width:100%;max-width:1176px;min-height:700px}.brief__decoration{position:absolute;right:0;bottom:0;transform:translateY(50%);z-index:1}html:not(.no-js) .css-animate-end .brief__decoration{animation:animate-brief-decoration-in .5s ease forwards}.brief__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.brief__header{position:absolute;top:226px;left:-90px}.brief__body{width:100%;max-width:514px}.brief__text,.brief__title{display:block;margin:0;font-size:36px;font-weight:500;line-height:40px;color:var(--project-color-dark)}.brief__text{padding-top:56px;font-size:18px;font-weight:400;line-height:30px}.brief .wrapper,.problems .wrapper{width:100%;max-width:1440px}.problems{margin-top:-40px;padding-bottom:120px;font-family:var(--project-font-secondary)}html:not(.no-js) .problems.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .problems.css-animate-end{opacity:1}.problems__cont{display:flex;align-items:center;justify-content:flex-start;gap:0 61px}.colors-demo__pics picture,.problems__picture,.quotes-section__list-rating picture{width:100%}.problems__body{position:relative;padding:80px 42px 40px;max-width:471px}.problems__bg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.colors-demo{padding-bottom:140px;font-family:var(--project-font-secondary)}html:not(.no-js) .colors-demo.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .colors-demo.css-animate-end{opacity:1}.colors-demo__header{max-width:960px}.colors-demo__pics{display:flex;align-items:flex-start;justify-content:space-between;gap:80px;padding-top:72px}.colors-demo__mobile{display:none}.colors-demo .wrapper{width:calc(100% - 84px);max-width:1054px}.colors-demo .wrapper--wide{width:calc(100% - 30px)}.fonts-demo{padding-bottom:140px;font-family:var(--project-font-secondary)}html:not(.no-js) .fonts-demo.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .fonts-demo.css-animate-end{opacity:1}.fonts-demo__cont{display:grid;grid-template-columns:minmax(240px,var(--col-1-size)) minmax(240px,var(--col-2-size));align-items:end;justify-content:start}.fonts-demo__body{position:relative}.fonts-demo__header{position:absolute;top:-65px;right:188px;z-index:1}.fonts-demo .wrapper{width:100%;max-width:1440px}.icons-demo{padding-bottom:178px;font-family:var(--project-font-secondary)}html:not(.no-js) .icons-demo.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .icons-demo.css-animate-end{opacity:1}.icons-demo__header{padding-bottom:40px}.icons-demo__cont{position:relative;padding:104px 0;background-color:var(--project-color-grey-2)}.icons-demo__decoration{position:absolute;bottom:0;left:0;transform:translateY(50%)}.icons-demo .wrapper{width:calc(100% - 92px);max-width:958px}.icons-demo .wrapper--wide{width:calc(100% - 32px);max-width:1018px}.sitemap-demo{position:relative;font-family:var(--project-font-secondary);z-index:2}html:not(.no-js) .sitemap-demo.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .sitemap-demo.css-animate-end{opacity:1}.sitemap-demo__header{max-width:546px}.sitemap-demo__cont{padding:40px 0 178px;position:relative;z-index:1}.sitemap-demo__decoration{position:absolute;bottom:0;right:0;transform:translateY(50%)}.sitemap-demo .wrapper{width:calc(100% - 92px);max-width:958px}.sitemap-demo .wrapper--wide{width:calc(100% - 32px);max-width:1300px}.design-demo{position:relative;padding:156px 0 146px;font-family:var(--project-font-secondary);z-index:1}html:not(.no-js) .design-demo.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .design-demo.css-animate-end{opacity:1}.design-demo__bg,.design-demo__bg-wrap{position:absolute;top:0;left:0;width:100%}.design-demo__bg-wrap{max-height:62%;z-index:-1}.design-demo__bg-wrap::before{content:'';display:block;padding-bottom:calc(100%/(var(--aspect-ratio)))}.design-demo__bg{height:100%}.design-demo__bg-decoration{position:absolute;bottom:0;left:0;transform:translateY(50%)}.design-demo__header{padding-bottom:85px;max-width:630px}.design-demo .wrapper{width:calc(100% - 92px);max-width:958px}.details-demo{font-family:var(--project-font-secondary)}html:not(.no-js) .details-demo.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .details-demo.css-animate-end{opacity:1}.details-demo__header{position:relative;margin-bottom:85px;padding:134px 40px 176px}.details-demo__header-bg{position:absolute;top:0;left:0;width:100%;height:100%}.details-demo__header-cont{position:relative;max-width:651px}.details-demo__header-cont .heading,.details-demo__header-cont .paragraph{color:var(--color-white)}.details-demo__cont{position:relative;padding-bottom:40px}.details-demo__bg{position:absolute;bottom:0;right:0;width:100%;z-index:-1}.details-demo .wrapper{width:100%;max-width:1440px}.details-demo .wrapper--narrow{width:100%;max-width:958px}.inner-pages-demo{position:relative;padding:240px 0 140px;font-family:var(--project-font-secondary)}html:not(.no-js) .inner-pages-demo.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .inner-pages-demo.css-animate-end{opacity:1}.inner-pages-demo__decoration{position:absolute;top:162px;left:0}.inner-pages-demo__header{padding-bottom:95px;max-width:487px}.inner-pages-demo .wrapper{width:100%;max-width:1920px}.inner-pages-demo .wrapper--narrow{width:calc(100% - 92px);max-width:958px}.responsive-demo{font-family:var(--project-font-secondary)}html:not(.no-js) .responsive-demo.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .responsive-demo.css-animate-end{opacity:1}.responsive-demo__cont{position:relative;padding:150px 0 100px}.responsive-demo__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.responsive-demo__header{position:absolute;top:13%;left:11%;width:100%;max-width:300px;z-index:1}.responsive-demo .wrapper{width:100%;max-width:1920px}.quotes-section{padding-bottom:140px;font-family:var(--project-font-secondary)}html:not(.no-js) .quotes-section.css-animate{animation:animate-fade-up .5s ease;animation-delay:.2s}html:not(.no-js) .quotes-section.css-animate-end{opacity:1}.quotes-section__cont{position:relative;display:grid;grid-template-columns:auto minmax(308px,656px);align-items:center;justify-content:end;gap:128px;padding:75px 78px 142px}.quotes-section__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.quotes-section__heading{display:block;margin:0;width:100%;max-width:378px;font-size:30px;font-weight:200;line-height:40px;text-transform:uppercase;color:var(--color-white)}.quotes-section__heading strong{font-weight:600}.quotes-section__title{display:flex;align-items:flex-end;justify-content:flex-start;gap:22px;margin:0;padding-bottom:48px;font-size:47px;font-weight:400;line-height:normal;color:var(--color-white)}.quotes-section__title span{display:block;padding-bottom:22px}.quotes-section__list{display:grid;grid-template-columns:1fr 1fr;gap:40px}.quotes-section__list-item{color:var(--color-white)}.quotes-section__list-rating{display:flex;align-items:center;justify-content:flex-start;gap:16px;font-size:14px;font-weight:500;line-height:30px}.quotes-section__list-text{display:block;margin:0;padding-top:8px;font-size:16px;font-weight:400;line-height:normal}.quotes-section .wrapper{width:100%;max-width:1440px}@media (max-width:1100px){.stats__list{grid-template-columns:var(--project-stats-size) var(--project-stats-size)}}@media (max-width:1025px){.problems__cont{gap:0 0}.fonts-demo__header{right:150px}.responsive-demo__header{top:10%}.quotes-section__cont{gap:32px}.quotes-section__list{grid-template-columns:1fr}}@media (max-width:769px){.about-client{padding:80px 0}.stats{padding-bottom:80px}.stats__item{gap:18px}.brief{padding-left:0}.brief__cont{flex-direction:column;min-height:0}.brief__header{position:relative;top:0;left:0;padding-bottom:40px;width:100%}.brief__body,.fonts-demo picture{max-width:100%}.brief__text{padding-top:16px}.problems{margin-top:0;padding-bottom:80px}.problems__cont{flex-direction:column}.problems__body{padding-bottom:80px;max-width:100%}.problems__bg{display:block}.colors-demo{padding-bottom:80px}.colors-demo__pics{padding-top:80px;flex-wrap:wrap;justify-content:center}.colors-demo__pics picture:nth-of-type(1){max-width:345px}.colors-demo__pics picture:nth-of-type(2){max-width:315px}.colors-demo__desktop{display:none}.colors-demo__mobile{display:block}.fonts-demo{padding-bottom:80px}.fonts-demo__cont{grid-template-columns:1fr}.fonts-demo__header{top:10px;right:0;padding:0 42px;width:100%}.icons-demo{padding-bottom:118px}.icons-demo__cont{padding:40px 0 148px}.icons-demo__decoration{left:auto;right:0;transform:translateY(50%) rotate(180deg)}.sitemap-demo__cont{padding:40px 0 80px}.sitemap-demo__decoration{right:auto;left:0;transform:translateY(50%) rotate(180deg)}.design-demo{padding:40px 0 80px}.design-demo__header{padding-bottom:40px}.inner-pages-demo{padding:62px 0}.inner-pages-demo__decoration{top:20px}.inner-pages-demo__header{padding-bottom:40px}.responsive-demo__cont{padding:60px 0 80px}.responsive-demo__header{position:relative;top:0;left:0;padding:0 40px 20px}.quotes-section{padding-bottom:80px}.quotes-section__cont{grid-template-columns:1fr;padding:75px 32px}.quotes-section__heading{font-size:28px}.quotes-section__title{padding-bottom:16px;gap:16px;font-size:36px}.quotes-section__title span{padding-bottom:0}.quotes-section__list{gap:32px}}@media (max-width:720px){.stats__list{--project-stats-size:minmax(280px, 362px);grid-template-columns:var(--project-stats-size)}}@media (max-width:640px){.aspect-ratio--responsive{max-width:var(--width-mobile, var(--width))}html:not(.no-js) .about-client.css-animate,html:not(.no-js) .brief.css-animate,html:not(.no-js) .colors-demo.css-animate,html:not(.no-js) .design-demo.css-animate,html:not(.no-js) .details-demo.css-animate,html:not(.no-js) .fonts-demo.css-animate,html:not(.no-js) .icons-demo.css-animate,html:not(.no-js) .inner-pages-demo.css-animate,html:not(.no-js) .problems.css-animate,html:not(.no-js) .quotes-section.css-animate,html:not(.no-js) .responsive-demo.css-animate,html:not(.no-js) .sitemap-demo.css-animate,html:not(.no-js) .stats.css-animate{animation-delay:0s}.fonts-demo__header{top:40px}.design-demo__bg-wrap{max-height:71%}.design-demo__bg-wrap::before{padding-bottom:calc(100%/(var(--aspect-ratio-s, var(--aspect-ratio))))}.design-demo__bg-decoration,.details-demo__header{display:none}.details-demo__cont{padding-bottom:56px}}@media (max-width:480px){.quotes-section__title span{max-width:170px;line-height:1}}@media (max-width:359px){.heading{font-size:42px}.heading-large{font-size:48px}.stats__list{--project-stats-size:minmax(250px, 362px)}.stats__number{width:100px;height:100px;font-size:48px}}