diff --git a/dist/BG-footer.c5bd759a.png b/dist/BG-footer.c5bd759a.png new file mode 100644 index 0000000000..ed13f063a6 Binary files /dev/null and b/dist/BG-footer.c5bd759a.png differ diff --git a/dist/BG.1e51202d.png b/dist/BG.1e51202d.png new file mode 100644 index 0000000000..3b1b96f6f9 Binary files /dev/null and b/dist/BG.1e51202d.png differ diff --git a/dist/Ellipse4.1a2f46bd.png b/dist/Ellipse4.1a2f46bd.png new file mode 100644 index 0000000000..d85c0316c8 Binary files /dev/null and b/dist/Ellipse4.1a2f46bd.png differ diff --git a/dist/Photo.538110d5.png b/dist/Photo.538110d5.png new file mode 100644 index 0000000000..43683b60d1 Binary files /dev/null and b/dist/Photo.538110d5.png differ diff --git a/dist/Roboto-Regular-webfont.1b7be813.woff b/dist/Roboto-Regular-webfont.1b7be813.woff new file mode 100644 index 0000000000..8aa07d7310 Binary files /dev/null and b/dist/Roboto-Regular-webfont.1b7be813.woff differ diff --git a/dist/Shapes.4fe94914.png b/dist/Shapes.4fe94914.png new file mode 100644 index 0000000000..26ed3e89b0 Binary files /dev/null and b/dist/Shapes.4fe94914.png differ diff --git a/dist/ellipse.b822e4a5.png b/dist/ellipse.b822e4a5.png new file mode 100644 index 0000000000..a7882590b7 Binary files /dev/null and b/dist/ellipse.b822e4a5.png differ diff --git a/dist/expertise1.9576368d.png b/dist/expertise1.9576368d.png new file mode 100644 index 0000000000..c051c40ca1 Binary files /dev/null and b/dist/expertise1.9576368d.png differ diff --git a/dist/expertise2.ff7d92b8.png b/dist/expertise2.ff7d92b8.png new file mode 100644 index 0000000000..69c8f791bd Binary files /dev/null and b/dist/expertise2.ff7d92b8.png differ diff --git a/dist/expertise3.25847404.png b/dist/expertise3.25847404.png new file mode 100644 index 0000000000..de55c08d32 Binary files /dev/null and b/dist/expertise3.25847404.png differ diff --git a/dist/favicon.aaeb10c9.ico b/dist/favicon.aaeb10c9.ico new file mode 100644 index 0000000000..8645d5220f Binary files /dev/null and b/dist/favicon.aaeb10c9.ico differ diff --git a/dist/girl.f530952a.png b/dist/girl.f530952a.png new file mode 100644 index 0000000000..2defb146a7 Binary files /dev/null and b/dist/girl.f530952a.png differ diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 0000000000..fb80420acd --- /dev/null +++ b/dist/index.html @@ -0,0 +1 @@ +Air

Strategic Agency

We believe in the power of bold ideas that can solve business challenges.

Learn more

INtro

By the same illusion which lifts the horizon.

photo
photo

Who we are

We embrace a strategic approach to creative ideas. We are interested in people and human relationships. This is the main thing you need to know about us. We believe in the power of bold ideas that can solve business challenges.

Our expertise

expertise

Branding

We create additional value for companies, products, services as well as verbal and visual ways to deliver it to the audience.

expertise

Communication

We strive to create communications that can increase media performance. We use everything — words, meanings, stories, art, movies.

expertise

Strategy

We create business growth strategies, from the moment of its birth to the achievement of the necessary business indicators.

Services

Air is a full service creative agency

Deep analytics, strong strategy and bright creative ideas.

We are sure that first-rate job is possible only if all three components are united.

001

Brand Development
Copywriting
Logo & Webite Design
Packaging

Learn more

002

Сontent Production
Graphic Design
Video Production
Post Production

Learn more

003

Marketing Strategy
Email Marketing
Paid Advertising
Blog Content & SEO

Learn more

004

Digital Communications
Influencer Marketing
Product Placements
Strategic Partnerships

Learn more

Testimonials

What people say

man

AIR’s ideas are refreshing and out of the box. Authentic team that focuses on the important path of the brand.

Tal Gilad

Teach for America

woman

AIR is an exceptional agency that leads with creative talent, first-class account servicing.

Azadeh Hawkins

Hawkins Consulting

woman

AIR raises the agency bar to stratospheric heights on both creative output and client service.

Michel Grover

Hulu

Vision, Passion, Results

We are sure that first-rate job is possible only if all three components are united.

Apply
\ No newline at end of file diff --git a/dist/main.2a8c351e.js b/dist/main.2a8c351e.js new file mode 100644 index 0000000000..8c7cc0226d --- /dev/null +++ b/dist/main.2a8c351e.js @@ -0,0 +1,4 @@ +parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c {\n event.preventDefault();\n form.reset();\n});\n"]} \ No newline at end of file diff --git a/dist/main.60726788.css b/dist/main.60726788.css new file mode 100644 index 0000000000..d5ed7c515a --- /dev/null +++ b/dist/main.60726788.css @@ -0,0 +1,2 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap");h1{font-family:Roboto,sans-serif;font-weight:400}.container{padding-inline:20px}@media (min-width:640px){.container{padding-inline:41px}}@media (min-width:1024px){.container{margin-inline:auto;padding-inline:54px}}@media (min-width:1600px){.container{padding-inline:227px}}@media (min-width:2560px){.container{padding-inline:707px;max-width:2560px}}.top-bar{display:flex;gap:32px;align-items:center}@media (min-width:1024px){.top-bar{display:block}}.top-bar__magic--menu{display:flex;justify-content:space-between;margin-bottom:48px}.top-bar__logo-link{margin-top:20px;display:flex;transition:transform 1s;cursor:pointer}.top-bar__logo-link:hover{transform:scale(1.3)}@media (min-width:1024px){.top-bar__logo-link{margin-top:48px}}.top-bar__icon-close{display:flex;margin-top:20px;align-items:center}.top-bar__logo-menu{margin-top:24px;display:flex;transition:transform 1s;cursor:pointer}.top-bar__logo-menu:hover{transform:scale(1.3)}@media (min-width:1024px){.top-bar__logo-menu{display:none}}.top-bar__logo-info{text-decoration:none;font-family:Poppins,sans-serif;font-size:13px;color:#fff;font-weight:700;line-height:150%;letter-spacing:3px;text-transform:uppercase;margin-top:18px;margin-bottom:0;display:flex;transition:transform 1s;cursor:pointer}.top-bar__logo-info:hover{transform:scale(1.3)}@media (min-width:1024px){.top-bar__logo-info{margin-top:52px}}@media (min-width:1600px){.top-bar__logo-info{margin-bottom:48px}}.top-bar__logo-info:after{content:"";position:absolute;width:67px;border:2px solid #2060f6;border-radius:4px;top:46px}@media (min-width:1024px){.top-bar__logo-info:after{top:80px}}.header{height:100%;background-color:#2c2c2c;position:relative;border-bottom-right-radius:30px;border-bottom-left-radius:30px}.header__float{display:none}@media (min-width:1024px){.header__float{display:flex}}.header__info{display:flex;margin-bottom:48px;justify-content:space-between}@media (min-width:640px){.header__info{margin-bottom:56px}}@media (min-width:1024px){.header__info{margin-bottom:164px}}@media (min-width:2560px){.header__info{margin-bottom:168px}}.header__title{color:#fff;font-family:Poppins,sans-serif;font-size:52px;font-weight:600;line-height:120%;letter-spacing:-2px;margin-top:0;margin-bottom:32px;grid-column:span 2}@media (min-width:640px){.header__title{grid-column:span 6;margin-bottom:24px;font-size:64px}}@media (min-width:1024px){.header__title{grid-column:1/7;margin-bottom:32px}}.header__bottom{--columns:2;display:grid;column-gap:30px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:640px){.header__bottom{column-gap:30px;--columns:6}}@media (min-width:1024px){.header__bottom{--columns:12;column-gap:20px}}@media (min-width:1600px){.header__bottom{--columns:12;column-gap:30px}}@media (min-width:2560px){.header__bottom{--columns:12;column-gap:30px}}.header__information{font-family:Open Sans,sans-serif;font-size:18px;color:#fff;font-weight:400;line-height:150%;margin-bottom:72px;grid-column:span 2;margin-top:0}@media (min-width:640px){.header__information{grid-column:span 4;margin-bottom:56px}}@media (min-width:1024px){.header__information{grid-column:1/6;margin-bottom:83px}}.header__leanmore{background-color:#2060f6;text-decoration:none;border-radius:8px;width:280px;height:50px;color:#fff;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:normal;grid-column:span 2;display:flex;justify-content:center;align-items:center;margin-bottom:438px;transition:transform 1s;cursor:pointer}.header__leanmore:hover{transform:scale(1.1)}@media (min-width:640px){.header__leanmore{grid-column:span 3;margin-bottom:465px}}@media (min-width:1024px){.header__leanmore{grid-column:1/5;margin-bottom:205px}}@media (min-width:1600px){.header__leanmore{grid-column:1/4}}.wrapper{position:absolute;width:320px;height:390px;bottom:0}@media (min-width:640px){.wrapper{width:640px;height:390px;bottom:0}}@media (min-width:1024px){.wrapper{height:680px;width:502px;right:0;bottom:0}}@media (min-width:1600px){.wrapper{height:680px;width:687px;right:0;bottom:0}}@media (min-width:2560px){.wrapper{width:1167px;height:680px;right:0;bottom:0}}.slider{overflow:hidden;display:flex}@media (min-width:1024px){.slider{overflow:hidden;margin-right:0;height:100%}}.slider__text{color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;line-height:normal;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;margin-top:0}.slider__info{color:#fff;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:140%;margin-top:0;margin-bottom:24px}@media (min-width:640px){.slider__info{margin-bottom:32px}}@media (min-width:1024px){.slider__info{margin-bottom:48px}}.slider__nav{position:absolute;display:flex;margin:250px 0 16px}@media (min-width:640px){.slider__nav{margin-top:242px}}@media (min-width:1024px){.slider__nav{margin-top:582px;margin-bottom:68px}}@media (min-width:1600px){.slider__nav{margin-bottom:66px}}.slider__content{background-image:url(Ellipse4.1a2f46bd.png);background-repeat:no-repeat;background-size:contain;width:32px;height:32px;margin-left:20px}@media (min-width:640px){.slider__content{margin-left:41px}}@media (min-width:1024px){.slider__content{margin-left:78px}}@media (min-width:1600px){.slider__content{margin-left:48px}}.slider__moment{margin-left:16px;background-image:url(Ellipse4.1a2f46bd.png);background-repeat:no-repeat;background-size:contain;width:32px;height:32px}.slider__item{margin:0}.slider__information{position:absolute;margin-top:298px;margin-left:20px;margin-right:20px}@media (min-width:640px){.slider__information{margin-left:41px;margin-right:319px}}@media (min-width:1024px){.slider__information{margin-right:54px;margin-left:182px;margin-top:564px}}@media (min-width:1600px){.slider__information{margin-left:152px;margin-right:271px}}@media (min-width:2560px){.slider__information{margin-right:751px}}.items__top{position:absolute;visibility:hidden}.icon{padding:7px}.icon:hover{transform:scale(1.3)}#s1:checked~.s1{margin-left:0}#s2:checked~.s1{margin-left:-100%}.item__photo{width:320px;height:390px;object-fit:cover;border-radius:30px}@media (min-width:640px){.item__photo{width:640px}}@media (min-width:1024px){.item__photo{width:502px;height:680px;border-radius:30px 0}}@media (min-width:1600px){.item__photo{width:687px;height:680px;border-radius:30px 0;object-fit:cover}}@media (min-width:2560px){.item__photo{width:1167px;height:100%;border-radius:30px 0;object-fit:none}}.item__images{border-radius:30px;width:100%;height:100%;object-fit:cover}@media (min-width:640px){.item__images{width:640px;height:390px}}@media (min-width:1024px){.item__images{width:100%;height:100%;border-radius:30px 0}}@media (min-width:1600px){.item__images{width:687px;height:680px;border-radius:30px 0;object-fit:cover}}@media (min-width:2560px){.item__images{width:1167px;height:680px;border-radius:30px 0;object-fit:none}}.info__information{color:#6c788b;text-align:center;font-family:Open Sans,sans-serif;font-size:22px;font-weight:600;line-height:150%;margin-bottom:0}@media (min-width:640px){.info__information{font-size:24px}}.main__content{background-color:#f2f6fa;display:grid;row-gap:120px;padding-block:120px}@media (min-width:640px){.main__content{row-gap:148px;padding-block:148px 0}}@media (min-width:1024px){.main__content{row-gap:148px}}@media (min-width:1600px){.main__content{row-gap:148px}}.whoweare-title{text-align:center;font-family:Poppins,sans-serif;font-size:32px;color:#253757;font-weight:600;line-height:150%;grid-column:span 2;margin-top:0;margin-bottom:24px}@media (min-width:640px){.whoweare-title{grid-column:2/6;margin-bottom:16px}}@media (min-width:1024px){.whoweare-title{grid-column:4/10}}@media (min-width:1600px){.whoweare-title{grid-column:5/9}}.whoweare__infoss{--columns:2;display:grid;column-gap:30px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:640px){.whoweare__infoss{column-gap:30px;--columns:6}}@media (min-width:1024px){.whoweare__infoss{--columns:12;column-gap:20px}}@media (min-width:1600px){.whoweare__infoss{--columns:12;column-gap:30px}}@media (min-width:2560px){.whoweare__infoss{--columns:12;column-gap:30px}}.whoweare__info{grid-column:span 2}@media (min-width:640px){.whoweare__info{grid-column:span 6}}@media (min-width:1024px){.whoweare__info{grid-column:2/12}}@media (min-width:1600px){.whoweare__info{grid-column:3/11}}.expertise{background-image:url(BG.1e51202d.png);background-size:100% 100%;background-repeat:no-repeat;object-fit:scale-down}.expertise__stores{--columns:2;display:grid;column-gap:30px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:640px){.expertise__stores{column-gap:30px;--columns:6}}@media (min-width:1024px){.expertise__stores{--columns:12;column-gap:20px}}@media (min-width:1600px){.expertise__stores{--columns:12;column-gap:30px}}@media (min-width:2560px){.expertise__stores{--columns:12;column-gap:30px}}.expertise__photo{width:166px;height:166px;background-size:cover;border-radius:16px;margin-left:57px;grid-column:span 2;margin-bottom:32px;transition:transform 1s;cursor:pointer}.expertise__photo:hover{transform:scale(1.3)}@media (min-width:640px){.expertise__photo{grid-column:3/5;margin-left:0}}@media (min-width:1024px){.expertise__photo{grid-column:span 3;margin-left:24px;grid-row:2}}@media (min-width:1600px){.expertise__photo{margin-left:49px}}.expertise__image{width:166px;height:166px;margin-left:57px;border-radius:16px;grid-column:span 2;margin-bottom:32px;transition:transform 1s;cursor:pointer}.expertise__image:hover{transform:scale(1.3)}@media (min-width:640px){.expertise__image{grid-column:3/5;margin-left:0}}@media (min-width:1024px){.expertise__image{grid-column:6/8;grid-row:2}}.expertise__images{width:166px;height:166px;border-radius:16px;margin-left:57px;grid-column:span 2;margin-bottom:32px;transition:transform 1s;cursor:pointer}.expertise__images:hover{transform:scale(1.3)}@media (min-width:640px){.expertise__images{margin-left:0}}@media (min-width:1024px){.expertise__images{grid-column:10/-1;grid-row:2;margin-left:24px}}@media (min-width:1600px){.expertise__images{margin-left:49px}}.expertise__com{grid-column:span 2}@media (min-width:640px){.expertise__com{grid-column:3/5}}@media (min-width:1024px){.expertise__com{grid-column:10/-1;grid-row:2}}.expertise__store{grid-column:span 2}@media (min-width:640px){.expertise__store{grid-column:2/6}}@media (min-width:1024px){.expertise__store{grid-column:span 3;grid-row:3}}.expertise__store--content{grid-column:span 2}@media (min-width:640px){.expertise__store--content{grid-column:2/6}}@media (min-width:1024px){.expertise__store--content{grid-column:5/9}}.expertise__store--text{grid-column:span 2}@media (min-width:640px){.expertise__store--text{grid-column:2/6}}@media (min-width:1024px){.expertise__store--text{grid-column:10/-1}}.indentation{display:block;padding-top:34px;padding-left:84px;padding-right:65px}@media (min-width:1024px){.indentation{grid-column:10/-1;grid-row:2}}.store__info{text-align:center;font-family:Poppins,sans-serif;font-size:20px;color:#253757;font-weight:600;line-height:140%;margin-top:0;margin-bottom:16px}.store__information{color:#6c788b;text-align:center;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:150%;margin-bottom:56px;margin-top:0;display:flex}@media (min-width:640px){.store__information{margin-bottom:72px}}@media (min-width:1024px){.store__information{margin-bottom:0}}.store__information--top{margin-bottom:72px}@media (min-width:640px){.store__information--top{margin-bottom:156px}}@media (min-width:1024px){.store__information--top{margin-bottom:134px}}@media (min-width:1600px){.store__information--top{margin-bottom:155px}}.section-title{color:#253757;text-align:center;font-family:Poppins,sans-serif;font-size:44px;font-weight:600;line-height:120%;grid-column:1/-1;margin-top:72px;margin-bottom:56px}@media (min-width:640px){.section-title{margin-top:128px;grid-column:span 6;font-size:52px;line-height:150%;margin-bottom:64px}}@media (min-width:1024px){.section-title{grid-column:3/11}}@media (min-width:1600px){.section-title{grid-column:4/10;grid-row:1}}.navigation__list{display:flex;flex-direction:row;list-style:none;align-items:center;margin-top:52px;padding:0;gap:48px}.navigation__item{transition:transform 1s;cursor:pointer}.navigation__item:hover{transform:scale(1.3)}.navigation__link{text-align:center;font-family:Poppins,sans-serif;font-size:13px;color:#fff;font-weight:700;line-height:150%;letter-spacing:3px;text-transform:uppercase;text-decoration:none}.services__creative{grid-column:span 2}@media (min-width:640px){.services__creative{position:absolute}}@media (min-width:1024px){.services__creative{position:absolute}}@media (min-width:1600px){.services__creative{position:absolute}}.services__servicess{--columns:2;display:grid;column-gap:30px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:640px){.services__servicess{column-gap:30px;--columns:6}}@media (min-width:1024px){.services__servicess{--columns:12;column-gap:20px}}@media (min-width:1600px){.services__servicess{--columns:12;column-gap:30px}}@media (min-width:2560px){.services__servicess{--columns:12;column-gap:30px}}.services__tittle{color:#c0cdd7;text-align:left;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;grid-column:span 2;margin-top:0;margin-bottom:16px}@media (min-width:1024px){.services__tittle{margin-top:103px;grid-row:1;grid-column:1/3}}.services__info{color:#253757;font-family:Poppins,sans-serif;font-size:32px;font-weight:600;line-height:130%;grid-column:span 2;margin-top:0;margin-bottom:24px}@media (min-width:640px){.services__info{grid-column:1/4;grid-row:2}}@media (min-width:1024px){.services__info{grid-column:1/5}}.services__content{color:#6c788b;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:150%;grid-column:span 2;margin-top:0;margin-bottom:21px}@media (min-width:640px){.services__content{grid-column:1/4}}.services__text{color:#6c788b;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:150%;grid-column:span 2;margin-top:0;margin-bottom:0}.services__information{margin-bottom:48px;grid-column:span 2}@media (min-width:640px){.services__information{grid-column:1/4;margin-bottom:614px}}@media (min-width:1024px){.services__information{grid-column:1/5;grid-row:3;margin-bottom:330px}}@media (min-width:1600px){.services__information{margin-bottom:338px}}.creative__cards{position:absolute}.creative__card{border-radius:16px;background:#fff;height:264px;width:280px;box-shadow:0 9px 18px 0 rgba(37,41,49,.03);grid-column:span 2;margin-bottom:30px;cursor:pointer;transition:transform 1s}@media (min-width:640px){.creative__card{width:264px;transform:translateY(130%)}.creative__card:hover{transform:translateY(130%) scale(1.07)}}@media (min-width:1024px){.creative__card{width:214px;margin-bottom:20px;transform:translate(220%,59%)}.creative__card:hover{transform:translate(220%,59%) scale(1.07)}}@media (min-width:1600px){.creative__card{width:264px;margin-bottom:30px;transform:translate(220%,50%)}.creative__card:hover{transform:translate(220%,50%) scale(1.07)}}@media (min-width:640px){.creative__card--two{transform:translate(110%,-20%)}.creative__card--two:hover{transform:translate(110%,-20%) scale(1.07)}}@media (min-width:1024px){.creative__card--two{transform:translate(329%,-107%)}.creative__card--two:hover{transform:translate(329%,-107%) scale(1.07)}}@media (min-width:1600px){.creative__card--two{transform:translate(335%,-110%)}.creative__card--two:hover{transform:translate(335%,-110%) scale(1.07)}}.creative__card--three{grid-column:span 2}@media (min-width:640px){.creative__card--three{margin-bottom:0;transform:translateY(19%)}.creative__card--three:hover{transform:translateY(19%) scale(1.07)}}@media (min-width:1024px){.creative__card--three{transform:translate(220%,-40%)}.creative__card--three:hover{transform:translate(220%,-40%) scale(1.07)}}@media (min-width:1600px){.creative__card--three{transform:translate(220%,-60%)}.creative__card--three:hover{transform:translate(220%,-60%) scale(1.07)}}.creative__card--four{grid-column:span 2}@media (min-width:640px){.creative__card--four{transform:translate(110%,-120%)}.creative__card--four:hover{transform:translate(110%,-120%) scale(1.07)}}@media (min-width:1024px){.creative__card--four{transform:translate(330%,-200%)}.creative__card--four:hover{transform:translate(330%,-200%) scale(1.07)}}@media (min-width:1600px){.creative__card--four{transform:translate(335%,-209%)}.creative__card--four:hover{transform:translate(335%,-209%) scale(1.07)}}.creative__number{display:flex;margin-left:32px;margin-bottom:24px}.creative__numbers{position:relative;color:#2060f6;font-size:13px;font-weight:600;line-height:normal;text-transform:uppercase;font-family:Poppins,sans-serif;margin-top:34px;margin-left:12px;margin-bottom:2px}.creative__top{width:46px;height:24px;background-color:#2060f6;border-radius:23px;opacity:.1;position:absolute;z-index:1;margin-top:32px}.creative__text{color:#6c788b;font-family:Open Sans,sans-serif;font-size:13px;font-weight:600;line-height:150%;margin-left:32px;margin-bottom:32px;margin-right:32px}.creative__button{display:flex;background-image:url(ellipse.b822e4a5.png);background-repeat:no-repeat;height:40px;width:40px;background-size:contain;margin-left:32px;align-items:center;justify-content:center}.creative__buttonlean{cursor:pointer;text-decoration:none;transition:transform 1s}.creative__buttonlean:hover{transform:scale(1.2)}.creative__leanmore{position:relative;color:var(--text-200,#334563);margin-left:92px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:normal;bottom:41px;margin-top:10px}.buttons{z-index:1;position:absolute}.testimonials__testimonialss{--columns:2;display:grid;column-gap:30px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:640px){.testimonials__testimonialss{column-gap:30px;--columns:6}}@media (min-width:1024px){.testimonials__testimonialss{--columns:12;column-gap:20px}}@media (min-width:1600px){.testimonials__testimonialss{--columns:12;column-gap:30px}}@media (min-width:2560px){.testimonials__testimonialss{--columns:12;column-gap:30px}}.testimonials__tittle{color:#c0cdd7;text-align:left;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}.testimonials__info,.testimonials__tittle{font-family:Poppins,sans-serif;grid-column:span 2;margin-top:0}.testimonials__info{color:#253757;font-size:32px;font-weight:600;line-height:130%;margin-bottom:48px}@media (min-width:640px){.testimonials__info{grid-column:1/5;margin-bottom:56px}}@media (min-width:1024px){.testimonials__info{grid-column:1/6;margin-bottom:85px}}@media (min-width:1600px){.testimonials__info{grid-column:1/5}}.testimonials__card{border-radius:16px;background:#fff;width:280px;box-shadow:0 9px 18px 0 rgba(37,41,49,.03);grid-column:span 2;margin-bottom:24px}@media (min-width:640px){.testimonials__card{grid-column:span 6;width:558px;margin-bottom:30px}}@media (min-width:1024px){.testimonials__card{width:292px;grid-column:1/5;margin-bottom:0}}@media (min-width:1600px){.testimonials__card{width:362px}}@media (min-width:2560px){.testimonials__card{width:100%}}.testimonials__card--woman{grid-column:span 2}@media (min-width:640px){.testimonials__card--woman{grid-column:span 6}}@media (min-width:1024px){.testimonials__card--woman{grid-column:5/9}}.testimonials__card--girl{grid-column:span 2;margin-bottom:0}@media (min-width:640px){.testimonials__card--girl{grid-column:span 6}}@media (min-width:1024px){.testimonials__card--girl{grid-column:9/-1}}.testimonials__blue{width:108.98px;height:43.9px;transform:rotate(-60deg);border-radius:12px;background:#2060f6;margin-top:80px;margin-left:56.27px;margin-right:35.49px}@media (min-width:640px){.testimonials__blue{width:139px;height:56px;margin-left:172.21px}}@media (min-width:1024px){.testimonials__blue{width:109px;height:43.9px;margin-top:77.99px;margin-left:62.27px}}@media (min-width:1600px){.testimonials__blue{width:139px;height:56px;margin-left:74.21px;margin-top:85px}}.testimonials__top{width:108.98px;height:43.9px;transform:rotate(-60deg);border-radius:12px;background:#2060f6;margin-left:132px;margin-top:25px}@media (min-width:640px){.testimonials__top{width:139px;height:56px;margin-left:268.79px}}@media (min-width:1024px){.testimonials__top{width:109px;height:43.9px;margin-left:138px}}@media (min-width:1600px){.testimonials__top{width:139px;height:56px;margin-left:170.79px}}.testimonials__man{object-fit:cover;width:110px;height:110px;position:absolute;border-radius:50px;margin-left:92px;margin-top:75.13px;z-index:1;cursor:pointer;transition:transform 1s}.testimonials__man:hover{transform:scale(1.1)}@media (min-width:640px){.testimonials__man{width:140px;height:140px;border-radius:70px;margin-left:209px;margin-top:87px}}@media (min-width:1024px){.testimonials__man{width:109.76px;height:109.76px;border-radius:50px;margin-left:91.12px;margin-top:75.13px}}@media (min-width:1600px){.testimonials__man{width:140px;height:140px;border-radius:70px;margin-top:87px;margin-left:111px}}.testimonials__text{color:#6c788b;text-align:center;font-family:Open Sans,sans-serif;font-size:13px;font-style:normal;font-weight:600;line-height:150%;margin:0 42px 16px;grid-column:span 2}@media (min-width:640px){.testimonials__text{margin-left:98px;margin-right:98px}}@media (min-width:1024px){.testimonials__text{margin-left:48px;margin-right:48px}}@media (min-width:1600px){.testimonials__text{margin-left:56px;margin-right:56px}}@media (min-width:1024px){.testimonials__text--womantext{margin-bottom:32px}}@media (min-width:1600px){.testimonials__text--womantext{margin-bottom:16px}}.testimonials__gilad{color:#253757;font-family:Open Sans,sans-serif;font-weight:600;line-height:150%;margin-bottom:4px}.testimonials__gilad,.testimonials__teach{text-align:center;font-size:13px;font-style:normal;grid-column:span 2;margin-top:0}.testimonials__teach{font-family:Poppins,sans-serif;font-weight:700;line-height:normal;letter-spacing:3px;text-transform:uppercase;margin-bottom:32px;color:#c0cdd7}.vision{background-color:#fff}@media (min-width:640px){.vision{background-image:url(Shapes.4fe94914.png);background-repeat:no-repeat;background-position:50%;width:100%;object-fit:cover;background-size:auto}}@media (min-width:640px) and (min-width:1024px){.vision{background-position:50%;height:100%;object-fit:contain}}@media (min-width:640px) and (min-width:2560px){.vision{background-position:50%;background-size:contain}}.vision__visionss{--columns:2;display:grid;column-gap:30px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:640px){.vision__visionss{column-gap:30px;--columns:6}}@media (min-width:1024px){.vision__visionss{--columns:12;column-gap:20px}}@media (min-width:1600px){.vision__visionss{--columns:12;column-gap:30px}}@media (min-width:2560px){.vision__visionss{--columns:12;column-gap:30px}}.vision__text{text-align:center;font-family:Poppins,sans-serif;font-size:44px;color:#253757;font-weight:600;line-height:120%;grid-column:span 2;margin-top:72px;margin-bottom:24px}@media (min-width:640px){.vision__text{margin-top:200px;grid-column:span 6;font-size:52px}}@media (min-width:1024px){.vision__text{margin-top:199px;grid-column:2/12}}.vision__info{color:#6c788b;text-align:center;font-family:Open Sans,sans-serif;font-size:22px;font-weight:600;line-height:150%;grid-column:span 2;margin-bottom:56px;margin-top:0}@media (min-width:640px){.vision__info{margin-bottom:64px;grid-column:span 6}}@media (min-width:1024px){.vision__info{grid-column:2/12;font-size:24px}}@media (min-width:1600px){.vision__info{grid-column:3/11;font-size:24px}}.vision__button{background-color:#2060f6;text-decoration:none;border-radius:8px;width:280px;height:56px;color:#fff;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:normal;grid-column:span 2;display:flex;justify-content:center;align-items:center;margin-bottom:72px;transition:transform 1s;cursor:pointer}.vision__button:hover{transform:scale(1.1)}@media (min-width:640px){.vision__button{margin:0 auto 200px}}@media (min-width:1024px){.vision__button{margin:0 auto 198px}}@media (min-width:1600px){.vision__button{margin:0 auto 198px}}@media (min-width:2560px){.vision__button{margin:0 auto 198px}}.footer{background-image:url(BG-footer.c5bd759a.png);background-size:100% 100%;background-repeat:no-repeat}.footer__content{--columns:2;display:grid;column-gap:30px;grid-template-columns:repeat(var(--columns),1fr);padding-block:0 80px}@media (min-width:640px){.footer__content{column-gap:30px;--columns:6}}@media (min-width:1024px){.footer__content{--columns:12;column-gap:20px}}@media (min-width:1600px){.footer__content{--columns:12;column-gap:30px}}@media (min-width:2560px){.footer__content{--columns:12;column-gap:30px}}@media (min-width:1024px){.footer__content{padding-block:0 84px}}.footer__button{grid-column:span 3}.footer__send{margin-top:72px;color:#fff;font-family:Poppins,sans-serif;font-size:32px;font-weight:600;line-height:130%;grid-column:span 2;margin-bottom:48px}@media (min-width:640px){.footer__send{margin-top:180px;margin-bottom:56px;grid-column:span 4}}@media (min-width:1024px){.footer__send{grid-column:1/6}}.footer__contact{grid-column:span 2;margin-top:0;font-family:Poppins,sans-serif;font-size:32px;color:#fff;font-weight:600;line-height:150%;margin-bottom:48px}@media (min-width:640px){.footer__contact{grid-column:1/4;margin-bottom:56px}}@media (min-width:1024px){.footer__contact{grid-column:7/10;grid-row:1;margin-top:180px}}@media (min-width:1600px){.footer__contact{grid-column:8/11}}.footer__one{display:flex;flex-direction:column;grid-column:span 2}@media (min-width:640px){.footer__one{grid-column:span 4}}@media (min-width:1024px){.footer__one{grid-column:7/-1;grid-row:2}}@media (min-width:1600px){.footer__one{grid-column:8/-1}}.footer__call{color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;line-height:normal;letter-spacing:3px;text-transform:uppercase;opacity:.5;margin-top:0;margin-bottom:8px;cursor:pointer;transition:transform 1s}.footer__call:hover{transform:scale(1.1)}.footer__telephone{color:#fff;font-family:Open Sans,sans-serif;font-size:24px;font-weight:600;line-height:150%;margin-bottom:40px;margin-top:0;text-decoration:none}.footer__telephone:hover{color:#144ed4}@media (min-width:640px){.footer__telephone{margin-bottom:48px}}.footer__visit{color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;line-height:normal;letter-spacing:3px;text-transform:uppercase;opacity:.5;margin-top:0;margin-bottom:8px;cursor:pointer;transition:transform 1s}.footer__visit:hover{transform:scale(1.1)}.footer__adress{color:#fff;font-family:Open Sans,sans-serif;font-size:24px;font-weight:600;line-height:150%;margin-bottom:40px;margin-top:0;text-decoration:none}.footer__adress:hover{color:#144ed4}@media (min-width:640px){.footer__adress{margin-bottom:48px}}.footer__social{color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;line-height:normal;letter-spacing:3px;text-transform:uppercase;opacity:.5;margin-top:0;margin-bottom:16px;cursor:pointer;transition:transform 1s}.footer__social:hover{transform:scale(1.1)}.footer__icon{display:flex;gap:32px;margin-bottom:80px}@media (min-width:640px){.footer__icon{margin-bottom:139px}}@media (min-width:1024px){.footer__icon{margin-bottom:0}}.footer__logo{margin-bottom:48px;cursor:pointer;transition:transform 1s}.footer__logo:hover{transform:scale(1.1)}@media (min-width:640px){.footer__logo{grid-column:span 1/2;margin-bottom:24px}}@media (min-width:1024px){.footer__logo{margin-bottom:0;margin-right:218px}}@media (min-width:1600px){.footer__logo{margin-right:450px}}.footer__menu{grid-column:span 2}@media (min-width:640px){.footer__menu{grid-column:1/-1}}.footer__end{grid-column:span 2}@media (min-width:640px){.footer__end{grid-column:1/-1}}@media (min-width:1024px){.footer__end{grid-column:span 12;align-items:center;display:flex}}.slide__list{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;gap:24px}@media (min-width:640px){.slide__list{gap:40px;flex-direction:row-reverse}}@media (min-width:1024px){.slide__list{gap:64px}}.slide__link{text-decoration:none;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:700;line-height:150%;letter-spacing:3px;text-transform:uppercase}.slide__item{transition:transform 1s;cursor:pointer}.slide__item:hover{transform:scale(1.05)}.form--action{grid-column:span 2}@media (min-width:640px){.form--action{grid-column:span 4}}@media (min-width:1024px){.form--action{grid-column:1/6}}.send{border-radius:8px;background:#144ed4;border:none;height:56px;color:#fff;font-weight:600;line-height:normal;justify-content:center;align-items:center;display:flex;grid-column:span 2;text-decoration:none;width:100%;font-size:15px;font-family:Poppins,sans-serif;margin:0 0 80px;cursor:pointer;transition:transform 1s}.send:hover{transform:scale(1.1)}@media (min-width:640px){.send{grid-column:span 3;margin-bottom:120px;margin-top:14px}}@media (min-width:1024px){.send{grid-column:1/5;width:264px;grid-row:3}}.input{width:100%;color:#fff;background:#2c2c2c;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:normal;padding-bottom:16px;margin-bottom:58px;border:none;border-bottom:1px solid #fff}@media (min-width:640px){.input{margin-bottom:66px}}.input:focus{color:#fff;outline:none;outline-offset:0;border:none;border-bottom:2px solid #144ed4}.input:hover::placeholder{color:#fff;opacity:.7}.input--big{resize:none;vertical-align:top;height:40px}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;transition:background-color 500s ease-in-out 0s}.icon{cursor:pointer;transition:transform 1s}.icon:hover{transform:scale(1.2)}.icon:hover .iconss path{fill:#144ed4}.group{margin-top:67.11px;margin-left:128px;margin-bottom:8px}@media (min-width:640px){.group{margin-left:267px;margin-top:79px;margin-bottom:16px}}@media (min-width:1024px){.group{margin-left:134px;margin-top:67.11px;margin-bottom:8px}}@media (min-width:1600px){.group{margin-left:168px;margin-top:79px}}.menu{height:100vh;box-sizing:border-box;background-color:#2c2c2c}@media (min-width:1024px){.menu{display:none}}.menu__nav{margin-bottom:48px}.menu__phone-number{font-size:22px;margin-bottom:16px}.menu__call-to-order,.menu__phone-number{font-family:Open Sans,sans-serif;color:#fff;line-height:140%;letter-spacing:2px;text-transform:uppercase;display:block;text-decoration:none}.menu__call-to-order{padding-bottom:4px;border-bottom:1px solid #fff;font-size:16px;width:fit-content}.page{scroll-behavior:smooth}.page__body{margin:0;min-width:320px}.page__menu{position:fixed;top:0;right:0;left:0;opacity:0;pointer-events:none;transition:all 1s;transform:translateX(-100%)}.page__menu:target{opacity:1;pointer-events:all;transform:translateX(0)}.nav{margin-top:80px}.nav__list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:32px}.nav__link{color:#fff;font-size:18px;font-family:Open Sans,sans-serif;text-decoration:none;line-height:22px;letter-spacing:2px;position:relative}.nav__link:after{content:"";position:absolute;bottom:-4px;display:block;height:1px;width:100%;transition:transform 1s;background-color:#2c2c2c;transform:scale(0);transform-origin:left}.nav__link:hover:after{transform:scale(1)}.close path{fill:#fff}@font-face{font-family:Roboto;src:url(Roboto-Regular-webfont.1b7be813.woff) format("woff");font-weight:400;font-style:normal}body{margin:0;min-width:320px} +/*# sourceMappingURL=main.60726788.css.map */ \ No newline at end of file diff --git a/dist/main.60726788.css.map b/dist/main.60726788.css.map new file mode 100644 index 0000000000..e6ae8ae70a --- /dev/null +++ b/dist/main.60726788.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["styles\\_fonts.scss","styles\\utils\\_extends.scss","styles\\utils\\container.scss","styles\\utils\\_mixins.scss","styles\\utils\\top-bar.scss","styles\\utils\\_vars.scss","styles\\utils\\header.scss","styles\\utils\\info.scss","styles\\utils\\main.scss","styles\\utils\\whoweare.scss","styles\\utils\\expertise.scss","styles\\utils\\store.scss","styles\\utils\\section-title.scss","styles\\utils\\navigation.scss","styles\\utils\\services.scss","styles\\utils\\creative.scss","styles\\utils\\testimonials.scss","styles\\utils\\vision.scss","styles\\utils\\footer.scss","styles\\utils\\slide.scss","styles\\utils\\form--action.scss","styles\\utils\\send.scss","styles\\utils\\input.scss","styles\\utils\\icon.scss","styles\\utils\\group.scss","styles\\utils\\menu.scss","styles\\utils\\page.scss","styles\\utils\\nav.scss","styles\\utils\\close.scss","styles\\main.scss"],"names":[],"mappings":"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","file":"main.60726788.css","sourceRoot":"..\\src","sourcesContent":["@font-face {\n font-family: \"Roboto\";\n src: url(\"../fonts/Roboto-Regular-webfont.woff\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n\n@import url(\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap\");\n","%h1 {\n font-family: \"Roboto\", sans-serif;\n font-weight: 400;\n}\n",".container {\n @include contentPaddinginline();\n}\n","@mixin hover($_property, $_toValue) {\n transition: #{$_property} 0.3s;\n &:hover {\n #{$_property}: $_toValue;\n }\n}\n\n@mixin onTablet {\n @media (min-width:$tablet-min-width) {\n @content;\n }\n}\n\n@mixin onDesktop {\n @media (min-width:$desktop-min-width) {\n @content;\n }\n}\n\n@mixin onDesktop1600 {\n @media (min-width:$desktop1600-min-width) {\n @content;\n }\n}\n\n@mixin onDesktop2560 {\n @media (min-width:$desktop2560-min-width) {\n @content;\n }\n}\n\n@mixin contentPaddinginline() {\n padding-inline: 20px;\n\n @include onTablet {\n padding-inline: 41px;\n }\n\n @include onDesktop() {\n margin-inline: auto;\n padding-inline: 54px;\n }\n\n @include onDesktop1600() {\n padding-inline: 227px;\n }\n\n @include onDesktop2560() {\n padding-inline: 707px;\n max-width: 2560px;\n }\n}\n\n@mixin pageGrid {\n --columns: 2;\n display: grid;\n column-gap: 30px;\n grid-template-columns: repeat(var(--columns),1fr);\n\n @include onTablet {\n column-gap: 30px;\n --columns: 6;\n }\n\n @include onDesktop {\n --columns: 12;\n column-gap: 20px;\n }\n\n @include onDesktop1600() {\n --columns: 12;\n column-gap: 30px;\n }\n\n @include onDesktop2560() {\n --columns: 12;\n column-gap: 30px;\n }\n}\n",".top-bar {\n display: flex;\n gap: 32px;\n align-items: center;\n\n @include onDesktop {\n display: block;\n }\n\n &__magic--menu {\n display: flex;\n justify-content: space-between;\n margin-bottom: 48px;\n }\n\n &__logo-link {\n margin-top: 20px;\n display: flex;\n transition: transform $time-transition;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.3);\n }\n\n @include onDesktop {\n margin-top: 48px;\n }\n }\n\n &__icon-close {\n display: flex;\n margin-top: 20px;\n align-items: center;\n\n }\n\n &__logo-menu {\n margin-top: 24px;\n display: flex;\n transition: transform $time-transition;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.3);\n }\n\n @include onDesktop {\n display: none;\n }\n }\n\n &__logo-info {\n text-decoration: none;\n font-family: \"Poppins\", sans-serif;\n font-size: 13px;\n color: $color-white;\n font-weight: 700;\n line-height: 150%;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 18px;\n margin-bottom: 0;\n display: flex;\n transition: transform $time-transition;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.3);\n }\n\n @include onDesktop {\n margin-top: 52px;\n }\n\n @include onDesktop1600 {\n margin-bottom: 48px;\n }\n\n &::after {\n content: \"\";\n position: absolute;\n width: 67px;\n border: 2px solid $color-blue;\n border-radius: 4px;\n top: 46px;\n\n @include onDesktop {\n top: 80px;\n }\n }\n }\n}\n","$c-gray: #eee;\n$tablet-min-width: 640px;\n$desktop-min-width: 1024px;\n$desktop1600-min-width: 1600px;\n$desktop2560-min-width: 2560px;\n$time-transition:1000ms;\n$color-black:#2c2c2c;\n$color-white: #fff;\n$color-blue: #2060f6;\n$color-gray: #253757;\n$color-grayss: #6c788b;\n$color-gr:#c0cdd7;\n$color-bluesss: #144ed4;\n",".header {\n height: 100%;\n background-color: $color-black;\n position: relative;\n border-bottom-right-radius: 30px;\n border-bottom-left-radius: 30px;\n\n // &__content {\n\n // }\n\n &__float {\n\n display: none;\n\n @include onDesktop {\n display: flex;\n }\n }\n\n &__info {\n display: flex;\n margin-bottom: 48px;\n justify-content: space-between;\n\n @include onTablet {\n margin-bottom: 56px;\n }\n\n @include onDesktop {\n margin-bottom: 164px;\n }\n\n @include onDesktop2560 {\n margin-bottom: 168px;\n }\n }\n\n &__title {\n color: $color-white;\n font-family: \"Poppins\", sans-serif;\n font-size: 52px;\n font-weight: 600;\n line-height: 120%;\n letter-spacing: -2px;\n margin-top: 0;\n margin-bottom: 32px;\n grid-column: span 2;\n\n @include onTablet {\n grid-column: span 6;\n margin-bottom: 24px;\n font-size: 64px;\n }\n\n @include onDesktop {\n grid-column: 1/7;\n margin-bottom: 32px;\n }\n }\n\n &__bottom {\n @include pageGrid;\n }\n\n &__information {\n font-family: \"Open Sans\", sans-serif;\n font-size: 18px;\n color: $color-white;\n font-weight: 400;\n line-height: 150%;\n margin-bottom: 72px;\n grid-column: span 2;\n margin-top: 0;\n\n @include onTablet {\n grid-column: span 4;\n margin-bottom: 56px;\n }\n\n @include onDesktop {\n grid-column: 1/6;\n margin-bottom: 83px;\n }\n }\n\n &__leanmore {\n background-color: $color-blue;\n text-decoration: none;\n border-radius: 8px;\n width: 280px;\n height: 50px;\n color: $color-white;\n font-family: \"Poppins\", sans-serif;\n font-size: 15px;\n font-weight: 600;\n line-height: normal;\n grid-column: span 2;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 438px;\n transition: transform $time-transition;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.1);\n }\n\n @include onTablet {\n grid-column: span 3;\n margin-bottom: 465px;\n }\n\n @include onDesktop {\n grid-column: 1/5;\n margin-bottom: 205px;\n }\n\n @include onDesktop1600 {\n grid-column: 1/4;\n }\n }\n}\n\n.wrapper {\n position: absolute;\n width: 320px;\n height: 390px;\n bottom: 0;\n\n @include onTablet {\n width: 640px;\n height: 390px;\n bottom: 0;\n }\n\n @include onDesktop {\n height: 680px;\n width: 502px;\n right: 0;\n bottom: 0;\n }\n\n @include onDesktop1600 {\n height: 680px;\n width: 687px;\n right: 0;\n bottom: 0;\n }\n\n @include onDesktop2560 {\n width: 1167px;\n height: 680px;\n right: 0;\n bottom: 0;\n }\n}\n\n.slider {\n // position: relative;\n overflow: hidden;\n display: flex;\n\n // @include onTablet {\n\n // }\n\n @include onDesktop {\n overflow: hidden;\n margin-right: 0;\n height: 100%;\n }\n\n &__text {\n color: $color-white;\n font-family: \"Poppins\", sans-serif;\n font-size: 13px;\n font-weight: 700;\n line-height: normal;\n letter-spacing: 3px;\n text-transform: uppercase;\n // margin-top: 16px;\n margin-bottom: 8px;\n margin-top: 0;\n }\n\n &__info {\n color: $color-white;\n font-family: \"Open Sans\", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 140%;\n margin-top: 0;\n margin-bottom: 24px;\n\n @include onTablet {\n margin-bottom: 32px;\n }\n\n @include onDesktop {\n margin-bottom: 48px;\n }\n }\n\n &__nav {\n margin: 0;\n position: absolute;\n display: flex;\n margin-top: 250px;\n margin-bottom: 16px;\n\n @include onTablet {\n margin-top: 242px;\n }\n\n @include onDesktop {\n margin-top: 582px;\n margin-bottom: 68px;\n }\n\n @include onDesktop1600 {\n margin-bottom: 66px;\n }\n }\n\n &__content {\n background-image: url(../images/logo/Ellipse4.png);\n background-repeat: no-repeat;\n background-size: contain;\n width: 32px;\n height: 32px;\n margin-left: 20px;\n\n @include onTablet {\n margin-left: 41px;\n }\n\n @include onDesktop {\n margin-left: 78px;\n }\n\n @include onDesktop1600 {\n margin-left: 48px;\n }\n }\n\n &__moment {\n margin-left: 16px;\n background-image: url(../images/logo/Ellipse4.png);\n background-repeat: no-repeat;\n background-size: contain;\n width: 32px;\n height: 32px;\n }\n\n &__item {\n margin: 0;\n }\n\n &__information {\n position: absolute;\n margin-top: 298px;\n margin-left: 20px;\n margin-right: 20px;\n\n @include onTablet {\n margin-left: 41px;\n margin-right: 319px;\n }\n\n @include onDesktop {\n margin-right: 54px;\n margin-left: 182px;\n margin-top: 564px;\n }\n\n @include onDesktop1600 {\n margin-left: 152px;\n margin-right: 271px;\n }\n\n @include onDesktop2560 {\n margin-right: 751px;\n }\n }\n}\n\n.items {\n\n &__top {\n position: absolute;\n visibility: hidden;\n }\n}\n\n.icon {\n padding: 7px;\n transition: transform $time-transition;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.3);\n }\n}\n\n#s1:checked ~ .s1 {\n margin-left: 0;\n}\n\n#s2:checked ~ .s1 {\n margin-left: -100%;\n}\n\n.item {\n\n &__photo {\n width: 320px;\n height: 390px;\n object-fit: cover;\n border-radius: 30px;\n\n @include onTablet {\n width: 640px;\n\n }\n\n @include onDesktop {\n width: 502px;\n height: 680px;\n border-radius: 30px 0;\n\n }\n\n @include onDesktop1600 {\n width: 687px;\n height: 680px;\n border-radius: 30px 0;\n object-fit: cover;\n }\n\n @include onDesktop2560 {\n width: 1167px;\n height: 100%;\n // height: 680px;\n border-radius: 30px 0;\n object-fit: none;\n }\n }\n\n &__images {\n border-radius: 30px;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n @include onTablet {\n width: 640px;\n height: 390px;\n\n }\n\n @include onDesktop {\n width: 100%;\n height: 100%;\n border-radius: 30px 0;\n\n }\n\n @include onDesktop1600 {\n width: 687px;\n height: 680px;\n border-radius: 30px 0;\n object-fit: cover;\n }\n\n @include onDesktop2560 {\n width: 1167px;\n height: 680px;\n border-radius: 30px 0;\n object-fit: none;\n }\n }\n}\n",".info {\n\n &__information {\n color: $color-grayss;\n text-align: center;\n font-family: \"Open Sans\", sans-serif;\n font-size: 22px;\n font-weight: 600;\n line-height: 150%;\n margin-bottom: 0;\n\n @include onTablet {\n font-size: 24px;\n }\n }\n}\n",".main {\n\n &__content {\n background-color: #f2f6fa;\n display: grid;\n row-gap: 120px;\n padding-block: 120px;\n\n @include onTablet {\n row-gap: 148px;\n padding-block: 148px 0;\n\n }\n\n @include onDesktop {\n // padding-block: 0 186px;\n row-gap: 148px;\n }\n\n @include onDesktop1600 {\n row-gap: 148px;\n }\n }\n}\n",".whoweare-title {\n text-align: center;\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n color: $color-gray;\n font-weight: 600;\n line-height: 150%;\n grid-column: span 2;\n margin-top: 0;\n margin-bottom: 24px;\n\n @include onTablet {\n grid-column: 2/6;\n margin-bottom: 16px;\n }\n\n @include onDesktop {\n grid-column: 4/10;\n }\n\n @include onDesktop1600 {\n grid-column: 5/9;\n }\n\n}\n\n.whoweare {\n\n &__infoss {\n @include pageGrid;\n }\n\n &__info {\n grid-column: span 2;\n\n @include onTablet {\n grid-column: span 6;\n }\n\n @include onDesktop {\n grid-column: 2/12;\n }\n\n @include onDesktop1600 {\n grid-column: 3/11;\n }\n }\n}\n",".expertise {\n background-image: url(../images/BG.png);\n background-size: 100% 100%;\n background-repeat: no-repeat;\n object-fit: scale-down;\n\n &__stores {\n @include pageGrid;\n }\n\n &__photo {\n width: 166px;\n height: 166px;\n background-size: cover;\n border-radius: 16px;\n margin-left: 57px;\n grid-column: span 2;\n margin-bottom: 32px;\n transition: transform $time-transition;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.3);\n }\n\n @include onTablet {\n grid-column: 3/5;\n margin-left: 0;\n }\n\n @include onDesktop {\n grid-column: span 3;\n margin-left: 24px;\n grid-row: 2;\n }\n\n @include onDesktop1600 {\n margin-left: 49px;\n }\n }\n\n &__image {\n width: 166px;\n height: 166px;\n margin-left: 57px;\n border-radius: 16px;\n grid-column: span 2;\n margin-bottom: 32px;\n transition: transform $time-transition;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.3);\n }\n\n @include onTablet {\n grid-column: 3/5;\n margin-left: 0;\n }\n\n @include onDesktop {\n grid-column: 6/8;\n grid-row: 2;\n }\n }\n\n // &__indentation {\n\n // @include onDesktop {\n // grid-column: 6/8;\n // grid-row: 2;\n\n // }\n // }\n\n &__images {\n width: 166px;\n height: 166px;\n border-radius: 16px;\n margin-left: 57px;\n grid-column: span 2;\n margin-bottom: 32px;\n transition: transform $time-transition;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.3);\n }\n\n @include onTablet {\n margin-left: 0;\n }\n\n @include onDesktop {\n grid-column: 10/-1;\n grid-row: 2;\n margin-left: 24px;\n }\n\n @include onDesktop1600 {\n margin-left: 49px;\n }\n }\n\n &__com {\n grid-column: span 2;\n\n @include onTablet {\n grid-column: 3/5;\n }\n\n @include onDesktop {\n grid-column: 10/-1;\n grid-row: 2;\n }\n }\n\n &__store {\n grid-column: span 2;\n\n @include onTablet {\n grid-column: 2/6;\n }\n\n @include onDesktop {\n grid-column: span 3;\n grid-row: 3;\n }\n\n &--content {\n grid-column: span 2;\n\n @include onTablet {\n grid-column: 2/6;\n }\n\n @include onDesktop {\n grid-column: 5/9;\n }\n }\n\n &--text {\n grid-column: span 2;\n\n @include onTablet {\n grid-column: 2/6;\n }\n\n @include onDesktop {\n grid-column: 10/-1;\n }\n }\n }\n}\n\n.indentation {\n display: block;\n padding-top: 34px;\n padding-left: 84px;\n padding-right: 65px;\n\n @include onDesktop {\n grid-column: 10/-1;\n grid-row: 2;\n }\n}\n",".store {\n\n &__info {\n text-align: center;\n font-family: \"Poppins\", sans-serif;\n font-size: 20px;\n color: $color-gray;\n font-weight: 600;\n line-height: 140%;\n margin-top: 0;\n margin-bottom: 16px;\n }\n\n &__information {\n color: $color-grayss;\n text-align: center;\n font-family: \"Open Sans\", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 150%;\n margin-bottom: 56px;\n margin-top: 0;\n display: flex;\n\n @include onTablet {\n margin-bottom: 72px;\n }\n\n @include onDesktop {\n margin-bottom: 0;\n }\n\n &--top {\n margin-bottom: 72px;\n\n @include onTablet {\n margin-bottom: 156px;\n }\n\n @include onDesktop {\n margin-bottom: 134px;\n }\n\n @include onDesktop1600 {\n margin-bottom: 155px;\n }\n }\n }\n}\n",".section-title {\n color: $color-gray;\n text-align: center;\n font-family: \"Poppins\", sans-serif;\n font-size: 44px;\n font-weight: 600;\n line-height: 120%;\n grid-column: 1/-1;\n margin-top: 72px;\n margin-bottom: 56px;\n\n @include onTablet {\n margin-top: 128px;\n grid-column: span 6;\n font-size: 52px;\n line-height: 150%;\n margin-bottom: 64px;\n }\n\n @include onDesktop {\n grid-column: 3/11;\n }\n\n @include onDesktop1600 {\n grid-column: 4/10;\n grid-row: 1;\n }\n}\n",".navigation {\n\n &__list {\n display: flex;\n flex-direction: row;\n list-style: none;\n align-items: center;\n margin-top: 52px;\n padding: 0;\n gap: 48px;\n\n }\n\n &__item {\n transition: transform $time-transition;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.3);\n }\n }\n\n &__link {\n text-align: center;\n font-family: \"Poppins\", sans-serif;\n font-size: 13px;\n color: $color-white;\n font-weight: 700;\n line-height: 150%;\n letter-spacing: 3px;\n text-transform: uppercase;\n text-decoration: none;\n }\n}\n",".services {\n\n &__creative {\n grid-column: span 2;\n\n @include onTablet {\n position: absolute;\n }\n\n @include onDesktop {\n position: absolute;\n \n }\n\n @include onDesktop1600 {\n position: absolute;\n }\n }\n\n &__servicess {\n @include pageGrid;\n }\n\n &__tittle {\n\n color: $color-gr;\n text-align: left;\n font-family: \"Poppins\", sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n grid-column: span 2;\n margin-top: 0;\n margin-bottom: 16px;\n\n @include onDesktop {\n margin-top: 103px;\n grid-row: 1;\n grid-column: 1/3;\n\n }\n }\n\n &__info {\n color: $color-gray;\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n font-weight: 600;\n line-height: 130%;\n grid-column: span 2;\n margin-top: 0;\n margin-bottom: 24px;\n\n @include onTablet {\n grid-column: 1/4;\n grid-row: 2;\n }\n\n @include onDesktop {\n grid-column: 1/5;\n }\n }\n\n &__content {\n color: $color-grayss;\n font-family: \"Open Sans\", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 150%;\n grid-column: span 2;\n margin-top: 0;\n margin-bottom: 21px;\n\n @include onTablet {\n grid-column: 1/4;\n }\n }\n\n &__text {\n color: $color-grayss;\n font-family: \"Open Sans\", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 150%;\n grid-column: span 2;\n margin-top: 0;\n margin-bottom: 0;\n }\n\n &__information {\n margin-bottom: 48px;\n grid-column: span 2;\n\n @include onTablet {\n grid-column: 1/4;\n margin-bottom: 614px;\n }\n\n @include onDesktop {\n grid-column: 1/5;\n grid-row: 3;\n margin-bottom: 330px;\n }\n\n @include onDesktop1600 {\n margin-bottom: 338px;\n }\n }\n}\n",".creative {\n\n &__cards {\n position: absolute;\n }\n\n &__card {\n border-radius: 16px;\n background: #fff;\n height: 264px;\n width: 280px;\n box-shadow: 0 9px 18px 0 rgba(37, 41, 49, 0.03);\n grid-column: span 2;\n margin-bottom: 30px;\n cursor: pointer;\n transition: transform $time-transition;\n\n @include onTablet {\n width: 264px;\n transform: translate(0%, 130%);\n\n &:hover {\n transform: translate(0%,130%) scale(1.07);\n }\n }\n\n @include onDesktop {\n width: 214px;\n margin-bottom: 20px;\n transform: translate(220%,59%);\n\n &:hover {\n transform: translate(220%,59%) scale(1.07);\n }\n }\n\n @include onDesktop1600 {\n width: 264px;\n margin-bottom: 30px;\n transform: translate(220%,50%);\n\n &:hover {\n transform: translate(220%,50%) scale(1.07);\n }\n }\n\n &--two {\n\n @include onTablet {\n transform: translate(110%,-20%);\n\n &:hover {\n transform: translate(110%,-20%) scale(1.07);\n }\n }\n\n @include onDesktop {\n transform: translate(329%,-107%);\n\n &:hover {\n transform: translate(329%,-107%) scale(1.07);\n }\n }\n\n @include onDesktop1600 {\n transform: translate(335%,-110%);\n\n &:hover {\n transform: translate(335%,-110%) scale(1.07);\n }\n }\n }\n\n &--three {\n grid-column: span 2;\n\n @include onTablet {\n margin-bottom: 0;\n transform: translate(0,19%);\n\n &:hover {\n transform: translate(0,19%) scale(1.07);\n }\n }\n\n @include onDesktop {\n transform: translate(220%,-40%);\n\n &:hover {\n transform: translate(220%,-40%) scale(1.07);\n }\n }\n\n @include onDesktop1600 {\n transform: translate(220%,-60%);\n\n &:hover {\n transform: translate(220%,-60%) scale(1.07);\n }\n }\n }\n\n &--four {\n grid-column: span 2;\n\n @include onTablet {\n transform: translate(110%,-120%);\n\n &:hover {\n transform: translate(110%,-120%) scale(1.07);\n }\n }\n\n @include onDesktop {\n transform: translate( 330%, -200%);\n\n &:hover {\n transform: translate(330%,-200%) scale(1.07);\n }\n }\n\n @include onDesktop1600 {\n transform: translate( 335%, -209%);\n\n &:hover {\n transform: translate(335%,-209%) scale(1.07);\n }\n }\n }\n }\n\n &__number {\n display: flex;\n margin-left: 32px;\n margin-bottom: 24px;\n }\n\n &__numbers {\n position: relative;\n color: #2060f6;\n font-size: 13px;\n font-weight: 600;\n line-height: normal;\n text-transform: uppercase;\n font-family: \"Poppins\", sans-serif;\n margin-top: 34px;\n margin-left: 12px;\n margin-bottom: 2px;\n }\n\n &__top {\n width: 46px;\n height: 24px;\n background-color: #2060f6;\n border-radius: 23px;\n opacity: 0.1;\n position: absolute;\n z-index: 1;\n margin-top: 32px;\n }\n\n &__text {\n color: $color-grayss;\n font-family: \"Open Sans\", sans-serif;\n font-size: 13px;\n font-weight: 600;\n line-height: 150%;\n margin-left: 32px;\n margin-bottom: 32px;\n margin-right: 32px;\n }\n\n &__button {\n display: flex;\n background-image: url(../images/ellipse.png);\n background-repeat: no-repeat;\n height: 40px;\n width: 40px;\n background-size: contain;\n margin-left: 32px;\n align-items: center;\n justify-content: center;\n }\n\n &__buttonlean {\n cursor: pointer;\n text-decoration: none;\n transition: transform $time-transition;\n\n &:hover {\n transform: scale(1.2);\n }\n }\n\n &__leanmore {\n position: relative;\n color: var(--text-200, #334563);\n margin-left: 92px;\n font-family: \"Poppins\", sans-serif;\n font-size: 15px;\n font-weight: 600;\n line-height: normal;\n bottom: 41px;\n margin-top: 10px;\n }\n}\n\n.buttons {\n z-index: 1;\n position: absolute;\n}\n",".testimonials {\n\n &__testimonialss {\n @include pageGrid;\n }\n\n &__tittle {\n color: $color-gr;\n text-align: left;\n font-family: \"Poppins\", sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n grid-column: span 2;\n margin-top: 0;\n margin-bottom: 16px;\n }\n\n &__info {\n color: $color-gray;\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n font-weight: 600;\n line-height: 130%;\n grid-column: span 2;\n margin-top: 0;\n margin-bottom: 48px;\n\n @include onTablet {\n grid-column: 1/5;\n margin-bottom: 56px;\n }\n\n @include onDesktop {\n grid-column: 1/6;\n margin-bottom: 85px;\n }\n\n @include onDesktop1600 {\n grid-column: 1/5;\n }\n }\n\n &__card {\n border-radius: 16px;\n background: #fff;\n width: 280px;\n box-shadow: 0 9px 18px 0 rgba(37, 41, 49, 0.03);\n grid-column: span 2;\n margin-bottom: 24px;\n\n @include onTablet {\n grid-column: span 6;\n width: 558px;\n margin-bottom: 30px;\n }\n\n @include onDesktop {\n width: 292px;\n grid-column: 1/5;\n margin-bottom: 0;\n }\n\n @include onDesktop1600 {\n width: 362px;\n }\n\n @include onDesktop2560 {\n width: 100%;\n }\n\n &--woman {\n grid-column: span 2;\n\n @include onTablet {\n grid-column: span 6;\n }\n\n @include onDesktop {\n grid-column: 5/9;\n }\n }\n\n &--girl {\n grid-column: span 2;\n margin-bottom: 0;\n\n @include onTablet {\n grid-column: span 6;\n }\n\n @include onDesktop {\n grid-column: 9/-1;\n }\n }\n }\n\n &__blue {\n width: 108.98px;\n height: 43.9px;\n transform: rotate(-60deg);\n border-radius: 12px;\n background: #2060f6;\n margin-top: 80px;\n margin-left: 56.27px;\n margin-right: 35.49px;\n\n @include onTablet {\n width: 139px;\n height: 56px;\n margin-left: 172.21px;\n }\n\n @include onDesktop {\n width: 109px;\n height: 43.9px;\n margin-top: 77.99px;\n margin-left: 62.27px;\n }\n\n @include onDesktop1600 {\n width: 139px;\n height: 56px;\n margin-left: 74.21px;\n margin-top: 85px;\n }\n }\n\n &__top {\n width: 108.98px;\n height: 43.9px;\n transform: rotate(-60deg);\n border-radius: 12px;\n background: #2060f6;\n margin-left: 132px;\n margin-top: 25px;\n\n @include onTablet {\n width: 139px;\n height: 56px;\n margin-left: 268.79px;\n }\n\n @include onDesktop {\n width: 109px;\n height: 43.9px;\n margin-left: 138px;\n }\n\n @include onDesktop1600 {\n width: 139px;\n height: 56px;\n margin-left: 170.79px;\n }\n }\n\n &__man {\n object-fit: cover;\n width: 110px;\n height: 110px;\n position: absolute;\n border-radius: 50px;\n margin-left: 92px;\n margin-top: 75.13px;\n z-index: 1;\n cursor: pointer;\n transition: transform $time-transition;\n\n &:hover {\n transform: scale(1.1);\n }\n\n @include onTablet {\n width: 140px;\n height: 140px;\n border-radius: 70px;\n margin-left: 209px;\n margin-top: 87px;\n }\n\n @include onDesktop {\n width: 109.76px;\n height: 109.76px;\n border-radius: 50px;\n margin-left: 91.12px;\n margin-top: 75.13px;\n }\n\n @include onDesktop1600 {\n width: 140px;\n height: 140px;\n border-radius: 70px;\n margin-top: 87px;\n margin-left: 111px;\n }\n }\n\n &__text {\n color: $color-grayss;\n text-align: center;\n font-family: \"Open Sans\", sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: 150%;\n margin-top: 0;\n margin-left: 42px;\n margin-right: 42px;\n margin-bottom: 16px;\n grid-column: span 2;\n\n @include onTablet {\n margin-left: 98px;\n margin-right: 98px;\n }\n\n @include onDesktop {\n margin-left: 48px;\n margin-right: 48px;\n }\n\n @include onDesktop1600 {\n margin-left: 56px;\n margin-right: 56px;\n }\n\n &--womantext {\n\n @include onDesktop {\n margin-bottom: 32px;\n }\n\n @include onDesktop1600 {\n margin-bottom: 16px;\n }\n }\n }\n\n &__gilad {\n color: $color-gray;\n text-align: center;\n font-family: \"Open Sans\", sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: 150%;\n grid-column: span 2;\n margin-top: 0;\n margin-bottom: 4px;\n }\n\n &__teach {\n text-align: center;\n font-family: \"Poppins\", sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-bottom: 32px;\n margin-top: 0;\n color: $color-gr;\n grid-column: span 2;\n }\n}\n",".vision {\n background-color: #fff;\n\n @include onTablet {\n background-image: url(../images/Shapes.png);\n background-repeat: no-repeat;\n background-position: center;\n width: 100%;\n object-fit: cover;\n background-size: auto;\n\n @include onDesktop {\n background-position: center;\n height: 100%;\n object-fit: contain;\n }\n\n @include onDesktop2560 {\n background-position: center;\n background-size: contain;\n }\n }\n\n &__visionss {\n @include pageGrid;\n\n }\n\n &__text {\n text-align: center;\n font-family: \"Poppins\", sans-serif;\n font-size: 44px;\n color: $color-gray;\n font-weight: 600;\n line-height: 120%;\n grid-column: span 2;\n margin-top: 72px;\n margin-bottom: 24px;\n\n @include onTablet {\n margin-top: 200px;\n grid-column: span 6;\n font-size: 52px;\n }\n\n @include onDesktop {\n margin-top: 199px;\n grid-column: 2/12;\n }\n }\n\n &__info {\n color: $color-grayss;\n text-align: center;\n font-family: \"Open Sans\", sans-serif;\n font-size: 22px;\n font-weight: 600;\n line-height: 150%;\n grid-column: span 2;\n margin-bottom: 56px;\n margin-top: 0;\n\n @include onTablet {\n margin-bottom: 64px;\n grid-column: span 6;\n }\n\n @include onDesktop {\n grid-column: 2/12;\n font-size: 24px;\n\n }\n\n @include onDesktop1600 {\n grid-column: 3/11;\n\n font-size: 24px;\n }\n }\n\n &__button {\n background-color: $color-blue;\n text-decoration: none;\n border-radius: 8px;\n width: 280px;\n height: 56px;\n color: $color-white;\n font-family: \"Poppins\", sans-serif;\n font-size: 15px;\n font-weight: 600;\n line-height: normal;\n grid-column: span 2;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 72px;\n transition: transform $time-transition;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.1);\n }\n\n @include onTablet {\n margin: 0 auto;\n margin-bottom: 200px;\n }\n\n @include onDesktop {\n margin: 0 auto;\n margin-bottom: 198px;\n }\n\n @include onDesktop1600 {\n margin: 0 auto ;\n margin-bottom: 198px;\n }\n\n @include onDesktop2560 {\n margin: 0 auto ;\n margin-bottom: 198px;\n\n }\n }\n}\n",".footer {\n background-image: url(../images/BG-footer.png);\n background-size: 100% 100% ;\n background-repeat: no-repeat;\n\n &__content {\n @include pageGrid;\n padding-block: 0 80px;\n\n @include onDesktop {\n padding-block: 0 84px;\n }\n }\n\n &__button {\n grid-column: span 3;\n }\n\n &__send {\n margin-top: 72px;\n color: $color-white;\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n font-weight: 600;\n line-height: 130%;\n grid-column: span 2;\n margin-bottom: 48px;\n\n @include onTablet {\n margin-top: 180px;\n margin-bottom: 56px;\n grid-column: span 4;\n }\n\n @include onDesktop {\n grid-column: 1/6;\n }\n }\n\n &__contact {\n grid-column: span 2;\n margin-top: 0;\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n color: $color-white;\n font-weight: 600;\n line-height: 150%;\n margin-bottom: 48px;\n\n @include onTablet {\n grid-column: 1/4;\n margin-bottom: 56px;\n }\n\n @include onDesktop {\n grid-column: 7/10;\n grid-row: 1;\n margin-top: 180px;\n }\n\n @include onDesktop1600 {\n grid-column: 8/11;\n }\n }\n\n &__one {\n display: flex;\n flex-direction: column;\n grid-column: span 2;\n\n @include onTablet {\n grid-column: span 4;\n }\n\n @include onDesktop {\n grid-column: 7/-1;\n grid-row: 2;\n }\n\n @include onDesktop1600 {\n grid-column: 8/-1;\n }\n }\n\n &__call {\n color: $color-white;\n font-family: \"Poppins\", sans-serif;\n font-size: 13px;\n font-weight: 700;\n line-height: normal;\n letter-spacing: 3px;\n text-transform: uppercase;\n opacity: 0.5;\n margin-top: 0;\n margin-bottom: 8px;\n\n cursor: pointer;\n transition: transform $time-transition;\n\n &:hover {\n transform: scale(1.1);\n }\n }\n\n &__telephone {\n color: $color-white;\n font-family: \"Open Sans\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n line-height: 150%;\n margin-bottom: 40px;\n margin-top: 0;\n text-decoration: none;\n\n &:hover {\n color: $color-bluesss;\n }\n\n @include onTablet {\n margin-bottom: 48px;\n }\n }\n\n &__visit {\n color: $color-white;\n font-family: \"Poppins\", sans-serif;\n font-size: 13px;\n font-weight: 700;\n line-height: normal;\n letter-spacing: 3px;\n text-transform: uppercase;\n opacity: 0.5;\n margin-top: 0;\n margin-bottom: 8px;\n\n cursor: pointer;\n transition: transform $time-transition;\n\n &:hover {\n transform: scale(1.1);\n }\n }\n\n &__adress {\n color: $color-white;\n font-family: \"Open Sans\", sans-serif;\n font-size: 24px;\n font-weight: 600;\n line-height: 150%;\n margin-bottom: 40px;\n margin-top: 0;\n text-decoration: none;\n\n &:hover {\n color: $color-bluesss;\n }\n\n @include onTablet {\n margin-bottom: 48px;\n }\n }\n\n &__social {\n color: $color-white;\n font-family: \"Poppins\", sans-serif;\n font-size: 13px;\n font-weight: 700;\n line-height: normal;\n letter-spacing: 3px;\n text-transform: uppercase;\n opacity: 0.5;\n margin-top: 0;\n margin-bottom: 16px;\n\n cursor: pointer;\n transition: transform $time-transition;\n\n &:hover {\n transform: scale(1.1);\n }\n }\n\n &__icon {\n display: flex;\n gap: 32px;\n margin-bottom: 80px;\n\n @include onTablet {\n margin-bottom: 139px;\n }\n\n @include onDesktop {\n margin-bottom: 0;\n }\n }\n\n &__logo {\n margin-bottom: 48px;\n cursor: pointer;\n transition: transform $time-transition;\n\n &:hover {\n transform: scale(1.1);\n }\n\n @include onTablet {\n grid-column: span 1/2;\n margin-bottom: 24px;\n }\n\n @include onDesktop {\n margin-bottom: 0;\n margin-right: 218px;\n }\n\n @include onDesktop1600 {\n margin-right: 450px;\n }\n }\n\n &__menu {\n grid-column: span 2;\n\n @include onTablet {\n grid-column: 1/-1;\n }\n }\n\n &__end {\n grid-column: span 2;\n\n @include onTablet {\n grid-column: 1/-1;\n }\n\n @include onDesktop {\n grid-column: span 12;\n align-items: center;\n display: flex;\n }\n }\n}\n",".slide {\n\n &__list {\n display: flex;\n flex-direction: column;\n list-style: none;\n padding: 0;\n margin: 0;\n gap: 24px;\n\n @include onTablet {\n gap: 40px;\n flex-direction: row-reverse;\n }\n\n @include onDesktop {\n gap: 64px;\n }\n }\n\n &__link {\n text-decoration: none;\n color: $color-white;\n font-family: \"Poppins\", sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 700;\n line-height: 150%;\n letter-spacing: 3px;\n text-transform: uppercase;\n }\n\n &__item {\n transition: transform $time-transition;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.05);\n }\n }\n}\n",".form--action {\n grid-column: span 2;\n\n @include onTablet {\n grid-column: span 4;\n }\n\n @include onDesktop {\n grid-column: 1/6;\n }\n}\n",".send {\n border-radius: 8px;\n background: $color-bluesss;\n border: none;\n height: 56px;\n color: $color-white;\n font-weight: 600;\n line-height: normal;\n justify-content: center;\n align-items: center;\n display: flex;\n grid-column: span 2;\n text-decoration: none;\n margin: 0;\n width: 100%;\n font-size: 15px;\n font-family: \"Poppins\", sans-serif;\n margin-bottom: 80px;\n margin-top: 0;\n cursor: pointer;\n transition: transform $time-transition;\n\n &:hover {\n transform: scale(1.1);\n }\n\n @include onTablet {\n grid-column: span 3;\n margin-bottom: 120px;\n margin-top: 14px;\n }\n\n @include onDesktop {\n grid-column: 1/5;\n width: 264px;\n grid-row: 3;\n }\n}\n",".input {\n width: 100%;\n border: none;\n color: $color-white;\n background: $color-black;\n font-family: \"Poppins\", sans-serif;\n font-size: 15px;\n font-weight: 600;\n line-height: normal;\n padding-bottom: 16px;\n margin-bottom: 58px;\n border-bottom: 1px solid $color-white;\n\n @include onTablet {\n margin-bottom: 66px;\n }\n\n &:focus {\n color: $color-white;\n border: none;\n outline: none;\n outline-offset: 0;\n border-bottom: 2px solid $color-bluesss;\n }\n\n &:hover::placeholder {\n color: $color-white;\n opacity: 0.7;\n }\n\n &--big {\n resize: none;\n vertical-align: top;\n height: 40px;\n }\n}\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus {\n -webkit-text-fill-color: white;\n transition: background-color 500s ease-in-out 0s;\n}\n",".icon {\n cursor: pointer;\n transition: transform $time-transition;\n\n &:hover {\n transform: scale(1.2);\n\n .iconss path {\n fill: $color-bluesss;\n }\n }\n}\n",".group {\n margin-top: 67.11px;\n margin-left: 128px;\n margin-bottom: 8px;\n\n @include onTablet {\n margin-left: 267px;\n margin-top: 79px;\n margin-bottom: 16px;\n }\n\n @include onDesktop {\n margin-left: 134px;\n margin-top: 67.11px;\n margin-bottom: 8px;\n }\n\n @include onDesktop1600 {\n margin-left: 168px;\n margin-top: 79px;\n }\n}\n",".menu {\n height: 100vh;\n box-sizing: border-box;\n background-color: $color-black;\n\n @include onDesktop {\n display: none;\n }\n\n &__nav {\n margin-bottom: 48px;\n }\n\n &__phone-number {\n font-family: \"Open Sans\", sans-serif;\n color: $color-white;\n font-size: 22px;\n line-height: 140%;\n letter-spacing: 2px;\n text-transform: uppercase;\n display: block;\n text-decoration: none;\n margin-bottom: 16px;\n }\n\n &__call-to-order {\n text-decoration: none;\n padding-bottom: 4px;\n border-bottom: 1px solid $color-white;\n font-family: \"Open Sans\", sans-serif;\n color: $color-white;\n font-size: 16px;\n line-height: 140%;\n letter-spacing: 2px;\n text-transform: uppercase;\n display: block;\n width: fit-content;\n }\n}\n",".page {\n // color: $color-black;\n scroll-behavior: smooth;\n\n &__body {\n margin: 0;\n min-width: 320px;\n }\n\n &__menu {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n opacity: 0;\n pointer-events: none;\n transition: all $time-transition;\n transform: translateX(-100%);\n\n &:target {\n opacity: 1;\n pointer-events: all;\n transform: translateX(0);\n }\n }\n}\n",".nav {\n margin-top: 80px;\n\n &__list {\n display: flex;\n flex-direction: column;\n list-style: none;\n margin: 0;\n padding: 0;\n gap: 32px;\n }\n\n &__link {\n color: $color-white;\n font-size: 18px;\n font-family: \"Open Sans\", sans-serif;\n text-decoration: none;\n line-height: 22px;\n letter-spacing: 2px;\n position: relative;\n\n &::after {\n content: \"\";\n position: absolute;\n bottom: -4px;\n display: block;\n height: 1px;\n width: 100%;\n transition: transform $time-transition;\n background-color: $color-black;\n transform: scale(0);\n transform-origin: left;\n }\n\n &:hover::after {\n transform: scale(1);\n }\n }\n}\n",".close path {\n fill: $color-white;\n}\n","@import \"utils\";\n@import \"fonts\";\n@import \"typography\";\n\nbody {\n margin: 0;\n min-width: 320px;\n}\n"]} \ No newline at end of file diff --git a/dist/man.b39679a7.png b/dist/man.b39679a7.png new file mode 100644 index 0000000000..0dc21c0f82 Binary files /dev/null and b/dist/man.b39679a7.png differ diff --git a/dist/photo2.3a7bff23.png b/dist/photo2.3a7bff23.png new file mode 100644 index 0000000000..035e6f797c Binary files /dev/null and b/dist/photo2.3a7bff23.png differ diff --git a/dist/woman.392d73dc.png b/dist/woman.392d73dc.png new file mode 100644 index 0000000000..029158435a Binary files /dev/null and b/dist/woman.392d73dc.png differ diff --git a/src/favicon/favicon.ico b/src/favicon/favicon.ico new file mode 100644 index 0000000000..8645d5220f Binary files /dev/null and b/src/favicon/favicon.ico differ diff --git a/src/images/BG-footer.png b/src/images/BG-footer.png new file mode 100644 index 0000000000..ed13f063a6 Binary files /dev/null and b/src/images/BG-footer.png differ diff --git a/src/images/BG.png b/src/images/BG.png new file mode 100644 index 0000000000..3b1b96f6f9 Binary files /dev/null and b/src/images/BG.png differ diff --git a/src/images/BGvision.png b/src/images/BGvision.png new file mode 100644 index 0000000000..cada4c04d4 Binary files /dev/null and b/src/images/BGvision.png differ diff --git a/src/images/Photo.png b/src/images/Photo.png new file mode 100644 index 0000000000..cf4a5d39b0 Binary files /dev/null and b/src/images/Photo.png differ diff --git a/src/images/Rectangle11.png b/src/images/Rectangle11.png new file mode 100644 index 0000000000..2eb66326dc Binary files /dev/null and b/src/images/Rectangle11.png differ diff --git a/src/images/Rectangle12.png b/src/images/Rectangle12.png new file mode 100644 index 0000000000..dbe039c190 Binary files /dev/null and b/src/images/Rectangle12.png differ diff --git a/src/images/Rectangle7.png b/src/images/Rectangle7.png new file mode 100644 index 0000000000..04cc712f24 Binary files /dev/null and b/src/images/Rectangle7.png differ diff --git a/src/images/ellipse.png b/src/images/ellipse.png new file mode 100644 index 0000000000..a7882590b7 Binary files /dev/null and b/src/images/ellipse.png differ diff --git a/src/images/expertise1.png b/src/images/expertise1.png new file mode 100644 index 0000000000..c051c40ca1 Binary files /dev/null and b/src/images/expertise1.png differ diff --git a/src/images/expertise2.png b/src/images/expertise2.png new file mode 100644 index 0000000000..69c8f791bd Binary files /dev/null and b/src/images/expertise2.png differ diff --git a/src/images/expertise3.png b/src/images/expertise3.png new file mode 100644 index 0000000000..de55c08d32 Binary files /dev/null and b/src/images/expertise3.png differ diff --git a/src/images/girl.png b/src/images/girl.png new file mode 100644 index 0000000000..2defb146a7 Binary files /dev/null and b/src/images/girl.png differ diff --git a/src/images/logo/Ellipse.svg b/src/images/logo/Ellipse.svg new file mode 100644 index 0000000000..3e3d2bc28f --- /dev/null +++ b/src/images/logo/Ellipse.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/images/logo/Ellipse4.png b/src/images/logo/Ellipse4.png new file mode 100644 index 0000000000..d85c0316c8 Binary files /dev/null and b/src/images/logo/Ellipse4.png differ diff --git a/src/images/logo/Logo.png b/src/images/logo/Logo.png new file mode 100644 index 0000000000..0e04c2c812 Binary files /dev/null and b/src/images/logo/Logo.png differ diff --git a/src/images/logo/Menu.png b/src/images/logo/Menu.png new file mode 100644 index 0000000000..ca83b07f12 Binary files /dev/null and b/src/images/logo/Menu.png differ diff --git a/src/images/logo/Rectangle11.png b/src/images/logo/Rectangle11.png new file mode 100644 index 0000000000..d8ad04d48c Binary files /dev/null and b/src/images/logo/Rectangle11.png differ diff --git a/src/images/logo/Rectangle12.png b/src/images/logo/Rectangle12.png new file mode 100644 index 0000000000..ae128b6044 Binary files /dev/null and b/src/images/logo/Rectangle12.png differ diff --git a/src/images/logo/photo3.png b/src/images/logo/photo3.png new file mode 100644 index 0000000000..e5feeefd1e Binary files /dev/null and b/src/images/logo/photo3.png differ diff --git a/src/images/man.png b/src/images/man.png new file mode 100644 index 0000000000..0dc21c0f82 Binary files /dev/null and b/src/images/man.png differ diff --git a/src/images/photo2.png b/src/images/photo2.png new file mode 100644 index 0000000000..035e6f797c Binary files /dev/null and b/src/images/photo2.png differ diff --git a/src/images/woman.png b/src/images/woman.png new file mode 100644 index 0000000000..029158435a Binary files /dev/null and b/src/images/woman.png differ diff --git a/src/index.html b/src/index.html index f619b6d70b..aacbbb1639 100644 --- a/src/index.html +++ b/src/index.html @@ -1,13 +1,790 @@ - + - Dia + Air + + - -

Dia

- + + +
+
+
+
+ +
+ +
+ Hire us +
+
+
+

Strategic Agency

+

We believe in the power of bold ideas that can solve business challenges.

+ Learn more +
+
+
+
+ +
+
+
+ slider + + + + + + + + + + +
+
+ slider + + + + + + + + + + +
+
+
+

INtro

+

By the same illusion which lifts the horizon.

+
+
+
+ image + image +
+
+
+ +
+ + + + +
+
+
+
+
+

Who we are

+
+

We embrace a strategic approach to creative ideas. We are interested in people and human relationships. This is the main thing you need to know about us. We believe in the power of bold ideas that can solve business challenges.

+
+
+
+
+ +
+
+
+

Our expertise

+ expertise +
+

Branding

+

We create additional value for companies, products, services as well as verbal and visual ways to deliver it to the audience.

+
+ expertise + +
+

Communication

+

We strive to create communications that can increase media performance. We use everything — words, meanings, stories, art, movies.

+
+ +
+ expertise +
+ +
+

Strategy

+

We create business growth strategies, from the moment of its birth to the achievement of the necessary business indicators.

+
+
+
+
+ +
+
+
+
+

Services

+

Air is a full service creative agency

+ +

Deep analytics, strong strategy and bright creative ideas.

+

We are sure that first-rate job is possible only if all three components are united.

+ +
+
+
+

001

+
+
+

+ Brand Development +
+ Copywriting +
+ Logo & Webite Design +
+ Packaging +

+
+ + + + + + + + + + + + +

Learn more

+
+
+ +
+
+

002

+
+
+

+ Сontent Production +
+ Graphic Design +
+ Video Production +
+ Post Production +

+
+ + + + + + + + + + + + +

Learn more

+
+
+ +
+
+

003

+
+
+

+ Marketing Strategy +
+ Email Marketing +
+ Paid Advertising +
+ Blog Content & SEO +

+
+ + + + + + + + + + + + +

Learn more

+
+
+ +
+
+

004

+
+
+

+ Digital Communications +
+ Influencer Marketing +
+ Product Placements +
+ Strategic Partnerships +

+
+ + + + + + + + + + + + +

Learn more

+
+
+ +
+
+
+ + +
+
+
+

Testimonials

+

What people say

+
+ man +
+ blue + blue +
+ + + + +

AIR’s ideas are refreshing and out of the box. Authentic team that focuses on the important path of the brand. +

+

Tal Gilad

+

Teach for America

+
+
+ woman +
+ blue + blue +
+ + + + +

AIR is an exceptional agency that leads with creative talent, first-class account servicing. +

+

Azadeh Hawkins

+

Hawkins Consulting

+
+
+ woman +
+ blue + blue +
+ + + + +

AIR raises the agency bar to stratospheric heights on both creative output and client service. +

+

Michel Grover

+

Hulu

+
+
+
+
+ +
+
+
+

Vision, Passion, Results

+

We are sure that first-rate job is possible only if all three components are united. +

+
+ + Apply + +
+
+ +
+
+ + + + + diff --git a/src/scripts/main.js b/src/scripts/main.js index ad9a93a7c1..41ef4e9fc8 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1 +1,39 @@ +/* eslint-disable no-console */ 'use strict'; + +const form = document.querySelector('#form'); + +form.addEventListener('submit', (event) => { + event.preventDefault(); + form.reset(); +}); + +const images = document.querySelectorAll('.slider .slider-line img'); +const sliderLine = document.querySelector('.slider-line'); +let count = 0; +let width; + +function init() { + console.log('resize'); + width = document.querySelector('.slider').offsetWidth; + sliderLine.style.width = width * images.length + 'px'; + + images.forEach(item => { + item.style.width = width + 'px'; + }); +} +window.addEventListener('resize', init); +init(); + +document.querySelector('.slider__next').addEventListener('click', function() { + count++; + + if (count >= images.length) { + count = 0; + } + rollSlider(); +}); + +function rollSlider() { + sliderLine.style.transform = 'translate(-' + count * width + 'px)'; +}; diff --git a/src/styles/_fonts.scss b/src/styles/_fonts.scss index 2067b3fca2..895b7b8fd9 100644 --- a/src/styles/_fonts.scss +++ b/src/styles/_fonts.scss @@ -4,3 +4,6 @@ font-weight: normal; font-style: normal; } + +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap"); diff --git a/src/styles/_utils.scss b/src/styles/_utils.scss index 1366a06aa5..b0471377e3 100644 --- a/src/styles/_utils.scss +++ b/src/styles/_utils.scss @@ -1,3 +1,30 @@ @import "utils/vars"; @import "utils/mixins"; @import "utils/extends"; + +@import "utils/container"; +@import "utils/top-bar"; +@import "utils/header"; +@import "utils/info"; +@import "utils/main"; +@import "utils/whoweare"; +@import "utils/expertise"; +@import "utils/store"; +@import "utils/section-title"; +@import "utils/navigation"; +@import "utils/services"; +@import "utils/creative"; +@import "utils/testimonials"; +@import "utils/vision"; +@import "utils/footer"; +@import "utils/slide"; +@import "utils/form--action"; +@import "utils/send"; +@import "utils/input"; +@import "utils/icon"; +@import "utils/group"; +@import "utils/menu"; +@import "utils/page"; +@import "utils/nav"; +@import "utils/close"; +@import "utils/slider"; diff --git a/src/styles/main.scss b/src/styles/main.scss index 0f8860e4d7..dc52059ba7 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -3,5 +3,6 @@ @import "typography"; body { - background: $c-gray; + margin: 0; + min-width: 320px; } diff --git a/src/styles/utils/_mixins.scss b/src/styles/utils/_mixins.scss index 80c79780dc..425dc72429 100644 --- a/src/styles/utils/_mixins.scss +++ b/src/styles/utils/_mixins.scss @@ -4,3 +4,76 @@ #{$_property}: $_toValue; } } + +@mixin onTablet { + @media (min-width:$tablet-min-width) { + @content; + } +} + +@mixin onDesktop { + @media (min-width:$desktop-min-width) { + @content; + } +} + +@mixin onDesktop1600 { + @media (min-width:$desktop1600-min-width) { + @content; + } +} + +@mixin onDesktop2560 { + @media (min-width:$desktop2560-min-width) { + @content; + } +} + +@mixin contentPaddinginline() { + padding-inline: 20px; + + @include onTablet { + padding-inline: 41px; + } + + @include onDesktop() { + margin-inline: auto; + padding-inline: 54px; + } + + @include onDesktop1600() { + padding-inline: 227px; + } + + @include onDesktop2560() { + padding-inline: 707px; + // max-width: 2560px; + } +} + +@mixin pageGrid { + --columns: 2; + display: grid; + column-gap: 30px; + grid-template-columns: repeat(var(--columns),1fr); + + @include onTablet { + column-gap: 30px; + --columns: 6; + } + + @include onDesktop { + --columns: 12; + column-gap: 20px; + } + + @include onDesktop1600() { + --columns: 12; + column-gap: 30px; + } + + @include onDesktop2560() { + --columns: 12; + column-gap: 30px; + } +} diff --git a/src/styles/utils/_vars.scss b/src/styles/utils/_vars.scss index aeb006ffbb..6b7fe33554 100644 --- a/src/styles/utils/_vars.scss +++ b/src/styles/utils/_vars.scss @@ -1 +1,13 @@ $c-gray: #eee; +$tablet-min-width: 640px; +$desktop-min-width: 1024px; +$desktop1600-min-width: 1600px; +$desktop2560-min-width: 2560px; +$time-transition:1000ms; +$color-black:#2c2c2c; +$color-white: #fff; +$color-blue: #2060f6; +$color-gray: #253757; +$color-grayss: #6c788b; +$color-gr:#c0cdd7; +$color-bluesss: #144ed4; diff --git a/src/styles/utils/close.scss b/src/styles/utils/close.scss new file mode 100644 index 0000000000..5e6877dd5e --- /dev/null +++ b/src/styles/utils/close.scss @@ -0,0 +1,3 @@ +.close path { + fill: $color-white; +} diff --git a/src/styles/utils/container.scss b/src/styles/utils/container.scss new file mode 100644 index 0000000000..87b0e61aa7 --- /dev/null +++ b/src/styles/utils/container.scss @@ -0,0 +1,3 @@ +.container { + @include contentPaddinginline(); +} diff --git a/src/styles/utils/creative.scss b/src/styles/utils/creative.scss new file mode 100644 index 0000000000..eaad1035df --- /dev/null +++ b/src/styles/utils/creative.scss @@ -0,0 +1,188 @@ +.creative { + + &__card { + border-radius: 16px; + background: #fff; + height: 264px; + box-shadow: 0 9px 18px 0 rgba(37, 41, 49, 0.03); + grid-column: span 2; + margin-bottom: 30px; + cursor: pointer; + transition: transform $time-transition; + + @include onTablet { + grid-column: 1/4; + + &:hover { + transform: scale(1.07); + } + } + + @include onDesktop { + margin-bottom: 20px; + grid-column: 7/10; + grid-row: 1; + transform: translateY(46%); + + &:hover { + transform: translateY(46%) scale(1.07); + } + } + + @include onDesktop1600 { + grid-column: 7/10; + margin-bottom: 30px; + } + + &--two { + + @include onTablet { + grid-column: 4/-1; + transform: translateY(-40%); + + &:hover { + transform: translateY(-50%) scale(1.07); + } + } + + @include onDesktop { + grid-column: 10/-1; + transform: translateY(0%); + + &:hover { + transform: translateY(0%) scale(1.07); + } + } + } + + &--three { + grid-column: span 2; + margin-bottom: 20px; + + @include onTablet { + grid-column: 1/4; + margin-bottom: 0; + + &:hover { + transform: scale(1.07); + } + } + + @include onDesktop { + grid-column: 7/10; + margin-bottom: 0; + transform: translateY(155%); + + &:hover { + transform: translateY(155%) scale(1.07); + } + } + } + + &--four { + grid-column: span 2; + margin-bottom: 0; + + @include onTablet { + grid-column: 4/-1; + transform: translateY(-40%); + + &:hover { + transform: translateY(-40%) scale(1.07); + } + } + + @include onDesktop { + grid-column: 10/-1; + transform: translateY(110%); + margin: 0; + + &:hover { + transform: translateY(110%) scale(1.07); + } + } + } + } + + &__number { + display: flex; + margin-left: 32px; + margin-bottom: 26px; + } + + &__numbers { + position: relative; + color: #2060f6; + font-size: 13px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + font-family: "Poppins", sans-serif; + margin-top: 34px; + margin-left: 12px; + margin-bottom: 2px; + } + + &__top { + width: 46px; + height: 24px; + background-color: #2060f6; + border-radius: 23px; + opacity: 0.1; + position: absolute; + z-index: 1; + margin-top: 32px; + } + + &__text { + color: $color-grayss; + font-family: "Open Sans", sans-serif; + font-size: 13px; + font-weight: 600; + line-height: 150%; + margin-left: 32px; + margin-bottom: 32px; + margin-right: 32px; + } + + &__button { + display: flex; + background-image: url(../images/ellipse.png); + background-repeat: no-repeat; + height: 40px; + width: 40px; + background-size: contain; + margin-left: 32px; + align-items: center; + justify-content: center; + } + + &__buttonlean { + cursor: pointer; + text-decoration: none; + display: flex; + gap: 16px; + align-items: center; + margin-bottom: 32px; + transition: transform $time-transition; + + &:hover { + transform: scale(1.2); + } + } + + &__leanmore { + position: relative; + color: var(--text-200, #334563); + font-family: "Poppins", sans-serif; + font-size: 15px; + font-weight: 600; + line-height: normal; + margin: 0; + } +} + +.buttons { + z-index: 1; + position: absolute; +} diff --git a/src/styles/utils/expertise.scss b/src/styles/utils/expertise.scss new file mode 100644 index 0000000000..a6a7c9b84c --- /dev/null +++ b/src/styles/utils/expertise.scss @@ -0,0 +1,157 @@ +.expertise { + background-image: url(../images/BG.png); + background-size: 100% 100%; + background-repeat: no-repeat; + object-fit: scale-down; + + &__stores { + @include pageGrid; + } + + &__photo { + width: 166px; + height: 166px; + background-size: cover; + border-radius: 16px; + padding-inline: 9px; + // margin-left: 57px; + display: block; + margin: 0 auto; + grid-column: span 2; + margin-bottom: 32px; + transition: transform $time-transition; + cursor: pointer; + + &:hover { + transform: scale(1.3); + } + + @include onTablet { + grid-column: 3/5; + } + + @include onDesktop { + grid-column: span 3; + grid-row: 2; + } + + } + + &__image { + width: 166px; + height: 166px; + // margin-left: 57px; + border-radius: 16px; + grid-column: span 2; + margin: 0 auto; + margin-bottom: 32px; + padding-inline: 9px; + transition: transform $time-transition; + cursor: pointer; + + &:hover { + transform: scale(1.3); + } + + @include onTablet { + grid-column: 3/5; + } + + @include onDesktop { + grid-column: 6/8; + grid-row: 2; + } + } + + &__images { + width: 166px; + height: 166px; + border-radius: 16px; + margin-bottom: 32px; + transition: transform $time-transition; + cursor: pointer; + + &:hover { + transform: scale(1.3); + } + + @include onTablet { + // margin-left: 0; + } + + // @include onDesktop { + // grid-column: 10/-1; + // grid-row: 2; + + // } + + @include onDesktop1600 { + // margin-left: 49px; + } + } + + &__com { + display: flex; + grid-column: span 2; + justify-content: center; + + @include onTablet { + grid-column: 3/5; + } + + @include onDesktop { + grid-column: 10/-1; + grid-row: 2; + } + + } + + &__store { + grid-column: span 2; + + @include onTablet { + grid-column: 2/6; + } + + @include onDesktop { + grid-column: span 3; + grid-row: 3; + } + + &--content { + grid-column: span 2; + + @include onTablet { + grid-column: 2/6; + } + + @include onDesktop { + grid-column: 5/9; + } + } + + &--text { + grid-column: span 2; + + @include onTablet { + grid-column: 2/6; + } + + @include onDesktop { + grid-column: 10/-1; + } + } + } +} + +.indentation { + display: block; + padding-top: 34px; + padding-left: 84px; + padding-right: 65px; + + @include onDesktop { + grid-column: 10/-1; + grid-row: 2; + } +} diff --git a/src/styles/utils/footer.scss b/src/styles/utils/footer.scss new file mode 100644 index 0000000000..c33cc6be73 --- /dev/null +++ b/src/styles/utils/footer.scss @@ -0,0 +1,247 @@ +.footer { + background-image: url(../images/BG-footer.png); + background-size: 100% 100% ; + background-repeat: no-repeat; + + &__content { + @include pageGrid; + padding-block: 0 80px; + + @include onDesktop { + padding-block: 0 84px; + } + } + + &__button { + grid-column: span 3; + } + + &__send { + margin-top: 72px; + color: $color-white; + font-family: "Poppins", sans-serif; + font-size: 32px; + font-weight: 600; + line-height: 130%; + grid-column: span 2; + margin-bottom: 48px; + + @include onTablet { + margin-top: 180px; + margin-bottom: 56px; + grid-column: span 4; + } + + @include onDesktop { + grid-column: 1/6; + } + } + + &__contact { + grid-column: span 2; + margin-top: 0; + font-family: "Poppins", sans-serif; + font-size: 32px; + color: $color-white; + font-weight: 600; + line-height: 150%; + margin-bottom: 48px; + + @include onTablet { + grid-column: 1/4; + margin-bottom: 56px; + } + + @include onDesktop { + grid-column: 7/10; + grid-row: 1; + margin-top: 180px; + } + + @include onDesktop1600 { + grid-column: 8/11; + } + } + + &__one { + display: flex; + flex-direction: column; + grid-column: span 2; + + @include onTablet { + grid-column: span 4; + } + + @include onDesktop { + grid-column: 7/-1; + grid-row: 2; + } + + @include onDesktop1600 { + grid-column: 8/-1; + } + } + + &__call { + color: $color-white; + font-family: "Poppins", sans-serif; + font-size: 13px; + font-weight: 700; + line-height: normal; + letter-spacing: 3px; + text-transform: uppercase; + opacity: 0.5; + margin-top: 0; + margin-bottom: 8px; + transform-origin: left top; + + cursor: pointer; + transition: transform $time-transition; + + &:hover { + + transform: scale(1.1); + } + } + + &__telephone { + color: $color-white; + font-family: "Open Sans", sans-serif; + font-size: 24px; + font-weight: 600; + line-height: 150%; + margin-bottom: 40px; + margin-top: 0; + text-decoration: none; + + &:hover { + color: $color-bluesss; + } + + @include onTablet { + margin-bottom: 48px; + } + } + + &__visit { + color: $color-white; + font-family: "Poppins", sans-serif; + font-size: 13px; + font-weight: 700; + line-height: normal; + letter-spacing: 3px; + text-transform: uppercase; + opacity: 0.5; + margin-top: 0; + margin-bottom: 8px; + + cursor: pointer; + transition: transform $time-transition; + + &:hover { + transform: scale(1.1); + } + } + + &__adress { + color: $color-white; + font-family: "Open Sans", sans-serif; + font-size: 24px; + font-weight: 600; + line-height: 150%; + margin-bottom: 40px; + margin-top: 0; + text-decoration: none; + + &:hover { + color: $color-bluesss; + } + + @include onTablet { + margin-bottom: 48px; + } + } + + &__social { + color: $color-white; + font-family: "Poppins", sans-serif; + font-size: 13px; + font-weight: 700; + line-height: normal; + letter-spacing: 3px; + text-transform: uppercase; + opacity: 0.5; + margin-top: 0; + margin-bottom: 16px; + + cursor: pointer; + transition: transform $time-transition; + + &:hover { + transform: scale(1.1); + } + } + + &__icon { + display: flex; + gap: 32px; + margin-bottom: 80px; + + @include onTablet { + margin-bottom: 139px; + } + + @include onDesktop { + margin-bottom: 0; + } + } + + &__bar { + margin-bottom: 48px; + cursor: pointer; + display: flex; + transition: transform $time-transition; + + &:hover { + transform: scale(1.1); + } + + @include onTablet { + grid-column: span 1/2; + margin-bottom: 24px; + } + + @include onDesktop { + margin-bottom: 0; + margin-right: 218px; + } + + @include onDesktop1600 { + margin-right: 450px; + } + } + + &__menu { + display: flex; + grid-column: span 2; + + @include onTablet { + grid-column: 1/-1; + } + } + + &__end { + grid-column: span 2; + + @include onTablet { + grid-column: 1/-1; + } + + @include onDesktop { + grid-column: span 12; + align-items: center; + display: flex; + justify-content: space-between; + } + } +} diff --git a/src/styles/utils/form--action.scss b/src/styles/utils/form--action.scss new file mode 100644 index 0000000000..df04b01343 --- /dev/null +++ b/src/styles/utils/form--action.scss @@ -0,0 +1,11 @@ +.form--action { + grid-column: span 2; + + @include onTablet { + grid-column: span 4; + } + + @include onDesktop { + grid-column: 1/6; + } +} diff --git a/src/styles/utils/group.scss b/src/styles/utils/group.scss new file mode 100644 index 0000000000..360231d4fe --- /dev/null +++ b/src/styles/utils/group.scss @@ -0,0 +1,22 @@ +.group { + margin-top: 18px; + // margin-left: 128px; + margin-bottom: 8px; + + @include onTablet { + // margin-left: 267px; + margin-top: 28px; + margin-bottom: 16px; + } + + @include onDesktop { + // margin-left: 134px; + margin-top: 27px; + margin-bottom: 8px; + } + + @include onDesktop1600 { + // margin-left: 168px; + margin-top: 28px; + } +} diff --git a/src/styles/utils/header.scss b/src/styles/utils/header.scss new file mode 100644 index 0000000000..5dd09fdccf --- /dev/null +++ b/src/styles/utils/header.scss @@ -0,0 +1,124 @@ +.header { + height: 100%; + background-color: $color-black; + position: relative; + border-bottom-right-radius: 30px; + border-bottom-left-radius: 30px; + + // &__content { + + // } + + &__float { + + display: none; + + @include onDesktop { + display: flex; + } + } + + &__info { + display: flex; + margin-bottom: 48px; + justify-content: space-between; + + @include onTablet { + margin-bottom: 56px; + } + + @include onDesktop { + margin-bottom: 164px; + } + + @include onDesktop2560 { + margin-bottom: 168px; + } + } + + &__title { + color: $color-white; + font-family: "Poppins", sans-serif; + font-size: 52px; + font-weight: 600; + line-height: 120%; + letter-spacing: -2px; + margin-top: 0; + margin-bottom: 32px; + grid-column: span 2; + + @include onTablet { + grid-column: span 6; + margin-bottom: 24px; + font-size: 64px; + } + + @include onDesktop { + grid-column: 1/7; + margin-bottom: 32px; + } + } + + &__bottom { + @include pageGrid; + } + + &__information { + font-family: "Open Sans", sans-serif; + font-size: 18px; + color: $color-white; + font-weight: 400; + line-height: 150%; + margin-bottom: 72px; + grid-column: span 2; + margin-top: 0; + + @include onTablet { + grid-column: span 4; + margin-bottom: 56px; + } + + @include onDesktop { + grid-column: 1/6; + margin-bottom: 83px; + } + } + + &__leanmore { + background-color: $color-blue; + text-decoration: none; + border-radius: 8px; + width: 100%; + height: 50px; + color: $color-white; + font-family: "Poppins", sans-serif; + font-size: 15px; + font-weight: 600; + line-height: normal; + grid-column: span 2; + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 438px; + transition: transform $time-transition; + cursor: pointer; + + &:hover { + transform: scale(1.1); + } + + @include onTablet { + grid-column: span 3; + margin-bottom: 537px; + } + + @include onDesktop { + grid-column: 1/5; + margin-bottom: 205px; + } + + @include onDesktop1600 { + grid-column: 1/4; + } + } +} diff --git a/src/styles/utils/icon.scss b/src/styles/utils/icon.scss new file mode 100644 index 0000000000..2edb93f506 --- /dev/null +++ b/src/styles/utils/icon.scss @@ -0,0 +1,12 @@ +.icon { + cursor: pointer; + transition: transform $time-transition; + + &:hover { + transform: scale(1.2); + + .iconss path { + fill: $color-bluesss; + } + } +} diff --git a/src/styles/utils/info.scss b/src/styles/utils/info.scss new file mode 100644 index 0000000000..2d02dde2d7 --- /dev/null +++ b/src/styles/utils/info.scss @@ -0,0 +1,16 @@ +.info { + + &__information { + color: $color-grayss; + text-align: center; + font-family: "Open Sans", sans-serif; + font-size: 22px; + font-weight: 600; + line-height: 150%; + margin-bottom: 0; + + @include onTablet { + font-size: 24px; + } + } +} diff --git a/src/styles/utils/input.scss b/src/styles/utils/input.scss new file mode 100644 index 0000000000..15adacbbac --- /dev/null +++ b/src/styles/utils/input.scss @@ -0,0 +1,43 @@ +.input { + width: 100%; + border: none; + color: $color-white; + background: $color-black; + font-family: "Poppins", sans-serif; + font-size: 15px; + font-weight: 600; + line-height: normal; + padding-bottom: 16px; + margin-bottom: 58px; + border-bottom: 1px solid $color-white; + + @include onTablet { + margin-bottom: 66px; + } + + &:focus { + color: $color-white; + border: none; + outline: none; + outline-offset: 0; + border-bottom: 2px solid $color-bluesss; + } + + &:hover::placeholder { + color: $color-white; + opacity: 0.7; + } + + &--big { + resize: none; + vertical-align: top; + height: 40px; + } +} + +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus { + -webkit-text-fill-color: white; + transition: background-color 500s ease-in-out 0s; +} diff --git a/src/styles/utils/main.scss b/src/styles/utils/main.scss new file mode 100644 index 0000000000..d0faf4207c --- /dev/null +++ b/src/styles/utils/main.scss @@ -0,0 +1,24 @@ +.main { + + &__content { + background-color: #f2f6fa; + // display: grid; + // row-gap: 120px; + // padding-block: 120px; + + // @include onTablet { + // row-gap: 148px; + // padding-block: 148px 0; + + // } + + // @include onDesktop { + // // padding-block: 0 186px; + // row-gap: 148px; + // } + + // @include onDesktop1600 { + // row-gap: 148px; + // } + } +} diff --git a/src/styles/utils/menu.scss b/src/styles/utils/menu.scss new file mode 100644 index 0000000000..c95b8ace02 --- /dev/null +++ b/src/styles/utils/menu.scss @@ -0,0 +1,39 @@ +.menu { + height: 100vh; + box-sizing: border-box; + background-color: $color-black; + + @include onDesktop { + display: none; + } + + &__nav { + margin-bottom: 48px; + } + + &__phone-number { + font-family: "Open Sans", sans-serif; + color: $color-white; + font-size: 22px; + line-height: 140%; + letter-spacing: 2px; + text-transform: uppercase; + display: block; + text-decoration: none; + margin-bottom: 16px; + } + + &__call-to-order { + text-decoration: none; + padding-bottom: 4px; + border-bottom: 1px solid $color-white; + font-family: "Open Sans", sans-serif; + color: $color-white; + font-size: 16px; + line-height: 140%; + letter-spacing: 2px; + text-transform: uppercase; + display: block; + width: fit-content; + } +} diff --git a/src/styles/utils/nav.scss b/src/styles/utils/nav.scss new file mode 100644 index 0000000000..d46f6fe27f --- /dev/null +++ b/src/styles/utils/nav.scss @@ -0,0 +1,39 @@ +.nav { + margin-top: 80px; + + &__list { + display: flex; + flex-direction: column; + list-style: none; + margin: 0; + padding: 0; + gap: 32px; + } + + &__link { + color: $color-white; + font-size: 18px; + font-family: "Open Sans", sans-serif; + text-decoration: none; + line-height: 22px; + letter-spacing: 2px; + position: relative; + + &::after { + content: ""; + position: absolute; + bottom: -4px; + display: block; + height: 1px; + width: 100%; + transition: transform $time-transition; + background-color: $color-black; + transform: scale(0); + transform-origin: left; + } + + &:hover::after { + transform: scale(1); + } + } +} diff --git a/src/styles/utils/navigation.scss b/src/styles/utils/navigation.scss new file mode 100644 index 0000000000..0954f33616 --- /dev/null +++ b/src/styles/utils/navigation.scss @@ -0,0 +1,34 @@ +.navigation { + + &__list { + display: flex; + flex-direction: row; + list-style: none; + align-items: center; + margin-top: 52px; + padding: 0; + gap: 48px; + + } + + &__item { + transition: transform $time-transition; + cursor: pointer; + + &:hover { + transform: scale(1.3); + } + } + + &__link { + text-align: center; + font-family: "Poppins", sans-serif; + font-size: 13px; + color: $color-white; + font-weight: 700; + line-height: 150%; + letter-spacing: 3px; + text-transform: uppercase; + text-decoration: none; + } +} diff --git a/src/styles/utils/page.scss b/src/styles/utils/page.scss new file mode 100644 index 0000000000..f756884a9e --- /dev/null +++ b/src/styles/utils/page.scss @@ -0,0 +1,29 @@ +.page { + scroll-behavior: smooth; + + &__body { + margin: 0; + min-width: 320px; + } + + &__menu { + position: fixed; + top: 0; + right: 0; + left: 0; + pointer-events: none; + transition: all $time-transition; + transform: translateX(-100%); + z-index: 1; + + &:target { + opacity: 1; + pointer-events: all; + transform: translateX(0); + } + } +} + +.page:has(.page__menu:target) { + overflow: hidden; +} diff --git a/src/styles/utils/section-title.scss b/src/styles/utils/section-title.scss new file mode 100644 index 0000000000..e58abb27c8 --- /dev/null +++ b/src/styles/utils/section-title.scss @@ -0,0 +1,28 @@ +.section-title { + color: $color-gray; + text-align: center; + font-family: "Poppins", sans-serif; + font-size: 44px; + font-weight: 600; + line-height: 120%; + grid-column: 1/-1; + margin-top: 72px; + margin-bottom: 56px; + + @include onTablet { + margin-top: 128px; + grid-column: span 6; + font-size: 52px; + line-height: 150%; + margin-bottom: 64px; + } + + @include onDesktop { + grid-column: 3/11; + } + + @include onDesktop1600 { + grid-column: 4/10; + grid-row: 1; + } +} diff --git a/src/styles/utils/send.scss b/src/styles/utils/send.scss new file mode 100644 index 0000000000..9335555207 --- /dev/null +++ b/src/styles/utils/send.scss @@ -0,0 +1,38 @@ +.send { + border-radius: 8px; + background: $color-bluesss; + border: none; + height: 56px; + color: $color-white; + font-weight: 600; + line-height: normal; + justify-content: center; + align-items: center; + display: flex; + grid-column: span 2; + text-decoration: none; + margin: 0; + width: 100%; + font-size: 15px; + font-family: "Poppins", sans-serif; + margin-bottom: 80px; + margin-top: 0; + cursor: pointer; + transition: transform $time-transition; + + &:hover { + transform: scale(1.1); + } + + @include onTablet { + grid-column: span 3; + margin-bottom: 120px; + margin-top: 14px; + } + + @include onDesktop { + grid-column: 1/5; + width: 264px; + grid-row: 3; + } +} diff --git a/src/styles/utils/services.scss b/src/styles/utils/services.scss new file mode 100644 index 0000000000..6638bf9d6c --- /dev/null +++ b/src/styles/utils/services.scss @@ -0,0 +1,118 @@ +.services { + padding-block: 120px; + + @include onTablet { + padding-block: 148px; + } + + @include onDesktop { + height: 40vh; + } + + @include onDesktop1600 { + height: 100%; + } + + &__servicess { + @include pageGrid; + } + + &__tittle { + color: $color-gr; + text-align: left; + font-family: "Poppins", sans-serif; + font-size: 13px; + font-weight: 700; + letter-spacing: 3px; + text-transform: uppercase; + grid-column: span 2; + margin-top: 0; + margin-bottom: 16px; + + @include onDesktop { + margin-top: 103px; + grid-row: 1; + grid-column: 1/3; + + } + } + + &__info { + color: $color-gray; + font-family: "Poppins", sans-serif; + font-size: 32px; + font-weight: 600; + line-height: 130%; + grid-column: span 2; + margin-top: 0; + margin-bottom: 24px; + + @include onTablet { + grid-column: 1/4; + grid-row: 2; + } + + @include onDesktop { + grid-column: 1/5; + grid-row: 2; + } + } + + &__content { + color: $color-grayss; + font-family: "Open Sans", sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 150%; + grid-column: span 2; + margin-top: 0; + margin-bottom: 21px; + + @include onTablet { + grid-column: 1/4; + } + + @include onDesktop { + grid-column: 1/5; + } + } + + &__text { + color: $color-grayss; + font-family: "Open Sans", sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 150%; + grid-column: span 2; + margin-top: 0; + margin-bottom: 0; + text-align: left; + + @include onDesktop { + grid-column: 1/5; + } + } + + &__information { + margin-bottom: 48px; + grid-column: span 2; + + @include onTablet { + grid-column: 1/4; + margin-bottom: 56px; + } + + @include onDesktop { + grid-column: 1/5; + + // grid-row: 3; + // margin: 0; + + // margin-bottom: 330px; + } + + @include onDesktop1600 { + margin-bottom: 338px; + } + } +} diff --git a/src/styles/utils/slide.scss b/src/styles/utils/slide.scss new file mode 100644 index 0000000000..ce894a0fe6 --- /dev/null +++ b/src/styles/utils/slide.scss @@ -0,0 +1,43 @@ +.slide { + + &__list { + display: flex; + flex-direction: column; + list-style: none; + padding: 0; + margin: 0; + gap: 24px; + + @include onTablet { + gap: 40px; + flex-direction: row; + justify-content: space-between; + } + + @include onDesktop { + gap: 64px; + } + } + + &__link { + text-decoration: none; + color: $color-white; + font-family: "Poppins", sans-serif; + font-size: 13px; + font-style: normal; + font-weight: 700; + line-height: 150%; + letter-spacing: 3px; + text-transform: uppercase; + + } + + &__item { + transition: transform $time-transition; + cursor: pointer; + + &:hover { + transform: scale(1.05); + } + } +} diff --git a/src/styles/utils/slider.scss b/src/styles/utils/slider.scss new file mode 100644 index 0000000000..fc90b8e179 --- /dev/null +++ b/src/styles/utils/slider.scss @@ -0,0 +1,166 @@ +.slider { + width: 100%; + overflow: hidden; + bottom: 0; + position: relative; + + &__img { + width: 100%; + height: 390px; + object-fit: cover; + border-radius: 30px; + + @include onDesktop { + height: 680px; + border-radius: 30px 0; + } + } + + &-line { + display: flex; + transition: all ease 1s; + position: relative; + } + + &__left { + z-index: 1; + position: relative; + width: 32px; + height: 32px; + } + + &__right { + z-index: 1; + position: relative; + width: 32px; + height: 32px; + } + + &__next { + display: flex; + } + + &__prev { + display: flex; + } + + &__text { + color: $color-white; + font-family: "Poppins", sans-serif; + font-size: 13px; + font-weight: 700; + line-height: normal; + letter-spacing: 3px; + text-transform: uppercase; + // margin-top: 16px; + margin-bottom: 8px; + margin-top: 0; + } + + &__info { + color: $color-white; + font-family: "Open Sans", sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 140%; + margin-top: 0; + display: flex; + margin-bottom: 24px; + + @include onTablet { + margin-bottom: 32px; + } + + @include onDesktop { + margin-bottom: 48px; + } + } + + &__information { + position: absolute; + display: flex; + z-index: 1; + flex-direction: column; + // margin-top: 48px; + margin-left: 20px; + margin-top: 298px; + margin-right: 20px; + + @include onTablet { + margin-left: 41px; + margin-right: 319px; + } + + @include onDesktop { + margin-right: 54px; + margin-left: 182px; + margin-top: 564px; + } + + @include onDesktop1600 { + margin-left: 152px; + margin-right: 271px; + } + + @include onDesktop2560 { + margin-right: 751px; + } + } +} + +.button { + display: flex; + position: absolute; + gap: 16px; + z-index: 1; + + margin-left: 20px; + + bottom: 108px; + + @include onTablet { + bottom: 116px; + margin-left: 41px; + } + + @include onDesktop { + padding-block: 0; + bottom: 66px; + margin-left: 78px; + } + + @include onDesktop1600 { + margin-left: 48px; + } +} + +.cont { + position: absolute; + margin-top: 7px; + margin-left: 7px; + z-index: 1; + +} + +.wrapper { + position: absolute; + bottom: 0; + width: 100%; + + @include onTablet { + // height: 372px; + } + + @include onDesktop { + right: 0; + width: 50%; + } + + @include onDesktop1600 { + width: 43%; + } + + @include onDesktop2560 { + width: 45%; + } +} diff --git a/src/styles/utils/store.scss b/src/styles/utils/store.scss new file mode 100644 index 0000000000..2854d4dcd2 --- /dev/null +++ b/src/styles/utils/store.scss @@ -0,0 +1,49 @@ +.store { + + &__info { + text-align: center; + font-family: "Poppins", sans-serif; + font-size: 20px; + color: $color-gray; + font-weight: 600; + line-height: 140%; + margin-top: 0; + margin-bottom: 16px; + } + + &__information { + color: $color-grayss; + text-align: center; + font-family: "Open Sans", sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 150%; + margin-bottom: 56px; + margin-top: 0; + display: flex; + + @include onTablet { + margin-bottom: 72px; + } + + @include onDesktop { + margin-bottom: 0; + } + + &--top { + margin-bottom: 72px; + + @include onTablet { + margin-bottom: 156px; + } + + @include onDesktop { + margin-bottom: 134px; + } + + @include onDesktop1600 { + margin-bottom: 155px; + } + } + } +} diff --git a/src/styles/utils/testimonials.scss b/src/styles/utils/testimonials.scss new file mode 100644 index 0000000000..e6fc9ade54 --- /dev/null +++ b/src/styles/utils/testimonials.scss @@ -0,0 +1,282 @@ +.testimonials { + padding-block: 0 120px; + + @include onTablet { + padding-block: 0 148px; + } + + &__testimonialss { + @include pageGrid; + } + + &__tittle { + color: $color-gr; + text-align: left; + font-family: "Poppins", sans-serif; + font-size: 13px; + font-weight: 700; + letter-spacing: 3px; + text-transform: uppercase; + grid-column: span 2; + margin-top: 0; + margin-bottom: 16px; + } + + &__info { + color: $color-gray; + font-family: "Poppins", sans-serif; + font-size: 32px; + font-weight: 600; + line-height: 130%; + grid-column: span 2; + margin-top: 0; + margin-bottom: 48px; + + @include onTablet { + grid-column: 1/5; + margin-bottom: 56px; + } + + @include onDesktop { + grid-column: 1/6; + margin-bottom: 85px; + } + + @include onDesktop1600 { + grid-column: 1/5; + } + } + + &__catalog { + display: flex; + gap: 5px; + + @include onTablet { + gap: 30px; + } + + @include onDesktop { + gap: 15px; + } + + @include onDesktop1600 { + gap: 35px; + } + } + + &__card { + border-radius: 16px; + background: #fff; + // width: 280px; + box-shadow: 0 9px 18px 0 rgba(37, 41, 49, 0.03); + grid-column: span 2; + margin-bottom: 24px; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + + @include onTablet { + grid-column: span 6; + // width: 558px; + margin-bottom: 30px; + } + + @include onDesktop { + // width: 292px; + grid-column: 1/5; + margin-bottom: 0; + } + + @include onDesktop1600 { + // width: 362px; + } + + &--woman { + grid-column: span 2; + + @include onTablet { + grid-column: span 6; + } + + @include onDesktop { + grid-column: 5/9; + } + } + + &--girl { + grid-column: span 2; + margin-bottom: 0; + + @include onTablet { + grid-column: span 6; + } + + @include onDesktop { + grid-column: 9/-1; + } + } + } + + &__blue { + object-fit: contain; + display: flex; + + @include onTablet { + // width: 139px; + // height: 56px; + // margin-left: 172.21px; + } + + @include onDesktop { + // width: 109px; + // height: 44px; + // margin-top: 77.99px; + // margin-left: 62.27px; + } + + @include onDesktop1600 { + // width: 139px; + // height: 56px; + // margin-left: 74.21px; + // margin-top: 85px; + } + } + + &__top { + object-fit: contain; + margin-top: 109px; + + // background-image: url(../images/logo/Rectangle12.png); + // margin-left: 132px; + // margin-top: 25px; + + @include onTablet { + margin-top: 129px; + } + + @include onDesktop { + // width: 109px; + // height: 44px; + // margin-left: 138px; + margin-top: 109px; + } + + @include onDesktop1600 { + // width: 139px; + // height: 56px; + // margin-left: 170.79px; + margin-top: 130px; + } + } + + &__man { + object-fit: cover; + width: 110px; + height: 110px; + position: absolute; + border-radius: 50px; + // margin-left: 92px; + margin-top: 75.13px; + z-index: 1; + cursor: pointer; + transition: transform $time-transition; + + &:hover { + transform: scale(1.1); + } + + @include onTablet { + width: 140px; + height: 140px; + border-radius: 70px; + // margin-left: 209px; + margin-top: 87px; + } + + @include onDesktop { + width: 110px; + height: 110px; + border-radius: 50px; + // margin-left: 91.12px; + margin-top: 75px; + } + + @include onDesktop1600 { + width: 140px; + height: 140px; + border-radius: 70px; + margin-top: 87px; + // margin-left: 111px; + } + } + + &__text { + color: $color-grayss; + text-align: center; + font-family: "Open Sans", sans-serif; + font-size: 13px; + font-style: normal; + font-weight: 600; + line-height: 150%; + margin-top: 0; + margin-left: 42px; + margin-right: 42px; + margin-bottom: 16px; + grid-column: span 2; + + @include onTablet { + margin-left: 98px; + margin-right: 98px; + } + + @include onDesktop { + margin-left: 48px; + margin-right: 48px; + } + + @include onDesktop1600 { + margin-left: 56px; + margin-right: 56px; + } + + &--womantext { + + @include onDesktop { + margin-bottom: 32px; + } + + @include onDesktop1600 { + margin-bottom: 16px; + } + } + } + + &__gilad { + color: $color-gray; + text-align: center; + font-family: "Open Sans", sans-serif; + font-size: 13px; + font-style: normal; + font-weight: 600; + line-height: 150%; + grid-column: span 2; + margin-top: 0; + margin-bottom: 4px; + } + + &__teach { + text-align: center; + font-family: "Poppins", sans-serif; + font-size: 13px; + font-style: normal; + font-weight: 700; + line-height: normal; + letter-spacing: 3px; + text-transform: uppercase; + margin-bottom: 32px; + margin-top: 0; + color: $color-gr; + grid-column: span 2; + } +} diff --git a/src/styles/utils/top-bar.scss b/src/styles/utils/top-bar.scss new file mode 100644 index 0000000000..f67a8a2d82 --- /dev/null +++ b/src/styles/utils/top-bar.scss @@ -0,0 +1,94 @@ +.top-bar { + display: flex; + gap: 32px; + align-items: center; + + @include onDesktop { + display: block; + } + + &__magic--menu { + display: flex; + justify-content: space-between; + margin-bottom: 48px; + } + + &__logo-link { + margin-top: 20px; + display: flex; + transition: transform $time-transition; + cursor: pointer; + + &:hover { + transform: scale(1.3); + } + + @include onDesktop { + margin-top: 48px; + } + } + + &__icon-close { + display: flex; + margin-top: 20px; + align-items: center; + + } + + &__logo-menu { + margin-top: 24px; + display: flex; + transition: transform $time-transition; + cursor: pointer; + + &:hover { + transform: scale(1.3); + } + + @include onDesktop { + display: none; + } + } + + &__logo-info { + text-decoration: none; + font-family: "Poppins", sans-serif; + font-size: 13px; + color: $color-white; + font-weight: 700; + line-height: 150%; + letter-spacing: 3px; + text-transform: uppercase; + margin-top: 18px; + margin-bottom: 0; + display: flex; + transition: transform $time-transition; + cursor: pointer; + + &:hover { + transform: scale(1.3); + } + + @include onDesktop { + margin-top: 52px; + // margin-bottom: 48px; + } + + @include onDesktop1600 { + margin-bottom: 48px; + } + + &::after { + content: ""; + position: absolute; + width: 67px; + border: 2px solid $color-blue; + border-radius: 4px; + top: 46px; + + @include onDesktop { + top: 80px; + } + } + } +} diff --git a/src/styles/utils/vision.scss b/src/styles/utils/vision.scss new file mode 100644 index 0000000000..c9c1902b45 --- /dev/null +++ b/src/styles/utils/vision.scss @@ -0,0 +1,130 @@ +.vision { + background-color: #fff; + padding-block: 0 120px; + + @include onDesktop { + padding: 0; + } + + @include onTablet { + background-image: url(../images/Shapes.png); + background-repeat: no-repeat; + background-position: center; + width: 100%; + object-fit: cover; + background-size: auto; + + @include onDesktop { + background-position: center; + height: 100%; + object-fit: contain; + } + + @include onDesktop2560 { + background-position: center; + background-size: contain; + } + } + + &__visionss { + @include pageGrid; + + } + + &__text { + text-align: center; + font-family: "Poppins", sans-serif; + font-size: 44px; + color: $color-gray; + font-weight: 600; + line-height: 120%; + grid-column: span 2; + margin-top: 72px; + margin-bottom: 24px; + + @include onTablet { + margin-top: 200px; + grid-column: span 6; + font-size: 52px; + } + + @include onDesktop { + margin-top: 199px; + grid-column: 2/12; + } + } + + &__info { + color: $color-grayss; + text-align: center; + font-family: "Open Sans", sans-serif; + font-size: 22px; + font-weight: 600; + line-height: 150%; + grid-column: span 2; + margin-bottom: 56px; + margin-top: 0; + + @include onTablet { + margin-bottom: 64px; + grid-column: span 6; + } + + @include onDesktop { + grid-column: 2/12; + font-size: 24px; + + } + + @include onDesktop1600 { + grid-column: 3/11; + + font-size: 24px; + } + } + + &__button { + background-color: $color-blue; + text-decoration: none; + border-radius: 8px; + width: 280px; + height: 56px; + color: $color-white; + font-family: "Poppins", sans-serif; + font-size: 15px; + font-weight: 600; + line-height: normal; + display: flex; + justify-content: center; + align-items: center; + margin: 0 auto; + margin-bottom: 72px; + transition: transform $time-transition; + cursor: pointer; + + &:hover { + transform: scale(1.1); + } + + @include onTablet { + margin: 0 auto; + margin-bottom: 200px; + } + + @include onDesktop { + margin: 0 auto; + margin-bottom: 198px; + } + + @include onDesktop1600 { + margin: 0 auto ; + margin-bottom: 198px; + } + + @include onDesktop2560 { + margin: 0 auto ; + margin-bottom: 198px; + + } + } +} diff --git a/src/styles/utils/whoweare.scss b/src/styles/utils/whoweare.scss new file mode 100644 index 0000000000..c7eec6b651 --- /dev/null +++ b/src/styles/utils/whoweare.scss @@ -0,0 +1,53 @@ +.whoweare-title { + text-align: center; + font-family: "Poppins", sans-serif; + font-size: 32px; + color: $color-gray; + font-weight: 600; + line-height: 150%; + grid-column: span 2; + margin-top: 0; + margin-bottom: 24px; + + @include onTablet { + grid-column: 2/6; + margin-bottom: 16px; + } + + @include onDesktop { + grid-column: 4/10; + } + + @include onDesktop1600 { + grid-column: 5/9; + } + +} + +.whoweare { + padding-block: 120px; + + @include onTablet { + padding-block: 148px; + } + + &__infoss { + @include pageGrid; + } + + &__info { + grid-column: span 2; + + @include onTablet { + grid-column: span 6; + } + + @include onDesktop { + grid-column: 2/12; + } + + @include onDesktop1600 { + grid-column: 3/11; + } + } +}