:root{--blue: #0a224a;--active: #061835;--dark-grey: #7a7a7a;--gray: #b6b6b6;--light-gray: #d9d9d9;--section-bg: #f7faff;--white: #ffffff;--centered: 0 auto;--time: .25s;--cubic: cubic-bezier(.4, 0, .2, 1);--shadow: rgba(0, 0, 0, .25) 0px 14px 28px, rgba(0, 0, 0, .22) 0px 10px 10px}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--blue);scroll-behavior:smooth}@media only screen and (min-width: 768px){body{font-size:18px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.subtitle{font-size:28px;font-weight:400;line-height:1.5;text-transform:uppercase}@media only screen and (min-width: 768px){.subtitle{font-size:32px;line-height:1.41}}.main-btn{display:inline-block;min-height:50px;min-width:224px;max-width:300px;padding:12px 65px;color:var(--white);background-color:var(--blue);border:none;line-height:1.5;text-align:center;white-space:normal;transition:background-color var(--time) var(--cubic),box-shadow var(--time) var(--cubic)}.main-btn:hover,.main-btn:focus{background-color:var(--active);box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px}@media only screen and (min-width: 768px){.main-btn{padding:13px 65px;line-height:1.33}}@media only screen and (min-width: 768px){.logo{width:127px;height:16px}}h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer;padding:0}img,svg{display:block;max-width:100%;height:auto}.container{margin:var(--centered);min-width:320px;max-width:375px;padding:0 16px}@media only screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}}@media only screen and (min-width: 1440px){.container{max-width:1440px;padding:0 60px}}header{background-color:var(--section-bg);top:0;position:sticky;z-index:10;border-bottom:4px solid white}.header-logo-icon{stroke:#0a224a;transform:scale(1);transition:transform var(--time) var(--cubic),stroke var(--time) var(--cubic)}.header-logo-icon:hover,.header-logo-icon:focus{stroke:#4d5ae5;fill:#4d5ae5;transform:scale(1.2)}.header-container{display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:28px}@media only screen and (max-width: 767.98px){.header-container{padding-top:20px;padding-bottom:20px}}.header-nav{display:none}.header-nav-list{display:flex;align-items:center;margin-left:auto;border:none;background-color:transparent}.burger-btn{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;stroke:#0a224a}.burger-btn:hover,.burger-btn:focus{background-color:transparent}@media only screen and (min-width: 767.98px){.burger-btn{width:40px;height:40px}}@media only screen and (min-width: 1440px){.header-container{padding-top:26px;padding-bottom:26px}.burger-btn{display:none}.header-nav{display:flex}.header-nav-list{display:flex;align-items:center;gap:30px}.header-menu-link{display:block;padding-top:8px;padding-bottom:8px}.header-menu-link:hover,.header-menu-link:focus{color:#4d5ae5;transition:color .25s cubic-bezier(.4,0,.2,1)}}@media only screen and (min-width: 768px){.hero{padding-top:64px;padding-bottom:50px}}.hero-container{background-repeat:no-repeat;background-size:contain}@media only screen and (max-width: 767.98px){.hero-container{height:717px;padding-top:140px;padding-bottom:313px;background-image:url(/html-css-team-project/assets/img-1_mob-36920f2b.jpg);background-size:cover}}@media only screen and (min-resolution: 192dpi) and (max-width: 767.98px){.hero-container{background-image:url(/html-css-team-project/assets/img-1_mob@2x-49835762.jpg)}}@media only screen and (min-width: 768px){.hero-container{display:flex;flex-direction:column;justify-content:space-between;height:700px;background-image:url(/html-css-team-project/assets/img-1_tab-25b5d36a.jpg),url(/html-css-team-project/assets/img-2_tab-8d4cc631.jpg);background-size:308px 329px,356px 532px;background-position:left 32px top 202px,right 32px top 0px}}@media only screen and (min-resolution: 192dpi) and (min-width: 768px){.hero-container{display:flex;flex-direction:column;justify-content:space-between;height:700px;background-image:url(/html-css-team-project/assets/img-1_tab@2x-f18ad2f4.jpg),url(/html-css-team-project/assets/img-2_tab@2x-08525ab3.jpg);background-size:308px 329px,356px 532px;background-position:left 32px top 202px,right 32px top 0px}}@media only screen and (min-width: 1440px){.hero-container{height:530px;background-image:url(/html-css-team-project/assets/img-1_desk-47fe12af.jpg),url(/html-css-team-project/assets/img-2_desk-bb8bca13.jpg),url(/html-css-team-project/assets/img-3_desk-e1a1b89f.jpg);background-size:310px 329px,648px 530px,312px 337px;background-position:left 60px bottom 0,left 395px bottom 0,right 60px top 0;animation:background-position .5s linear;animation-delay:.1s;animation-fill-mode:both}@keyframes background-position{0%{background-position:left 60px bottom -349px,left 395px bottom 0,right 60px top -357px}to{background-position:left 60px bottom 0,left 395px bottom 0,right 60px top 0}}}@media only screen and (min-resolution: 192dpi) and (min-width: 1440px){.hero-container{background-image:url(/html-css-team-project/assets/img-1_desk@2x-eccfd9bf.jpg),url(/html-css-team-project/assets/img-2_desk@2x-9322ed5c.jpg),url(/html-css-team-project/assets/img-3_desk@2x-2165f932.jpg)}}.hero-title{width:285px;margin-bottom:14px;font-family:Playfair Display;text-transform:uppercase;font-weight:400;font-size:28px}@media only screen and (max-width: 767.98px){.hero-title{min-height:126px}}@media only screen and (min-width: 768px){.hero-title{width:648px;margin-bottom:0;font-size:50px}}@media only screen and (max-width: 767.98px){.hero-thumb-container{min-height:124px}}@media only screen and (min-width: 1440px){.hero-thumb-container{align-self:flex-end}}.hero-text{margin-bottom:28px}@media only screen and (min-width: 768px){.hero-text{width:312px;margin-bottom:30px}}.hero{text-align:center}.about-section{background-color:var(--section-bg);padding-top:64px}@media screen and (min-width: 768px){.about-section{background-color:var(--white);padding-top:50px;padding-bottom:50px}}@media screen and (max-width: 767.98px){.about-container{padding:0}}@media screen and (min-width: 1440px){.about-container{column-gap:24px;display:flex;align-items:center;justify-content:center}}.about-info-wrapper{padding-left:16px;padding-right:16px;margin-bottom:64px}@media screen and (min-width: 768px){.about-info-wrapper{padding:36px 64px;margin-bottom:30px;background-color:var(--section-bg)}}@media screen and (min-width: 1440px){.about-info-wrapper{padding:36px 68px;margin-bottom:0;background-color:var(--section-bg);height:500px}}.about-title{display:flex;max-width:124px;align-items:center;gap:20px;font-size:16px;font-weight:400;margin-bottom:30px}@media screen and (min-width: 768px){.about-title{display:inline-flex}}.about-title:before{display:block;content:"";width:30px;height:1px;background-color:var(--blue)}.about-subtitle{max-width:343px;margin-bottom:30px}@media screen and (min-width: 768px){.about-subtitle{max-width:576px}}@media screen and (min-width: 1440px){.about-subtitle{max-width:622px}}.about-subtitle-text{max-width:343px;margin-bottom:30px}@media screen and (min-width: 768px){.about-subtitle-text{max-width:576px}}@media screen and (min-width: 1440px){.about-subtitle-text{max-width:622px}}.about-list{display:flex;flex-direction:column;align-items:center;gap:30px}@media screen and (min-width: 768px){.about-list{display:flex;flex-direction:row;gap:33px}}@media screen and (min-width: 1440px){.about-list{gap:56px}}.about-item-statistic{max-width:170px;text-align:center;font-size:50px;font-weight:400;text-transform:uppercase;margin-bottom:14px}@media screen and (min-width: 1440px){.about-item-statistic{margin-bottom:20px}}.about-item-text{max-width:170px;text-align:center}@media screen and (min-width: 768px){.about-item-text{font-size:18px}}.price{padding-top:64px;padding-bottom:32px}@media only screen and (min-width: 768px){.price{padding-top:50px;padding-bottom:50px}}@media only screen and (min-width: 1440px){.price{margin:0 auto;max-width:1216px}}.price-item{display:flex;align-items:center;border-top:1px solid var(--blue)}.price-item:last-child{border-bottom:1px solid var(--blue)}.price-link{position:relative;padding:30px 100px 30px 0;text-transform:uppercase;transform:translate(1px);transition:transform .5s var(--cubic)}.price-link:before{position:absolute;top:50%;left:-50px;content:"";display:inline-block;width:35px;height:2px;background-color:var(--blue);margin-right:15px;opacity:0;transition:opacity var(--time) var(--cubic),transform var(--time) var(--cubic)}.price-link:hover:before,.price-link:hover:before{opacity:1}.price-link:hover,.price-link:focus{transform:translate(50px)}.price-cost{font-size:16px;font-weight:700;margin-left:auto;text-transform:none}@media only screen and (min-width: 768px){.price-cost{font-size:18px}}.products-container{padding-top:32px;padding-bottom:32px}@media only screen and (min-width: 768px){.products-container{padding-top:50px;padding-bottom:50px}}.products-title{text-align:center;margin-bottom:33px}@media only screen and (min-width: 768px){.products-title{margin-bottom:30px}}@media only screen and (min-width: 768px){.products-list{display:flex;gap:16px}}@media only screen and (min-width: 1440px){.products-list{gap:24px}}.products-item{position:relative;transition:box-shadow var(--time) var(--cubic)}.products-item:hover{box-shadow:var(--shadow)}@media only screen and (max-width: 767px){.products-item:nth-child(n + 2){display:none}}@media only screen and (min-width: 768px){.products-item{width:calc((100% - 16px)/2)}.products-item:nth-child(n + 3){display:none}}@media only screen and (min-width: 1440px){.products-item:nth-child(n + 3){display:block}.products-item{width:calc((100% - 72px)/4)}}.products-link{display:block}.products-link:focus,.products-link:hover{box-shadow:var(--shadow);outline:none}.backdrop-wrapper{position:relative;overflow:hidden}.products-img{width:100%;filter:blur(0);transition:filter var(--time) var(--cubic)}.products-link:hover .products-img{filter:blur(4px)}.products-link:focus .products-img{filter:blur(4px)}.backdrop-text{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;padding:15px;font-size:40px;font-style:italic;color:var(--white);background-color:#0000004d;height:100%;width:100%;text-align:center;transform:translateY(100%);transition:transform var(--time) var(--cubic)}.products-link:hover .backdrop-text{transform:translateY(0)}.products-link:focus .backdrop-text{transform:translateY(0)}.box-subtitle{padding:15px}.products-subtitle{font-size:16px;font-weight:400;text-align:center}@media only screen and (min-width: 768px){.products-subtitle{font-size:18px}}.bestsellers-section{padding-top:32px;padding-bottom:64px}@media screen and (min-width: 768px){.bestsellers-section{padding-top:50px;padding-bottom:100px}}@media screen and (min-width: 1440px){.all-bestsellers-wrapper{display:flex;gap:24px;justify-content:center;align-items:center}}.bestsellers-section-title{max-width:179px;margin:var(--centered);margin-bottom:21px}@media screen and (min-width: 768px){.bestsellers-section-title{max-width:205px;margin-bottom:30px}}.main-bestseller-wrapper{margin-bottom:30px}@media screen and (min-width: 768px){.main-bestseller-wrapper{margin-bottom:32px}}@media screen and (min-width: 1440px){.main-bestseller-wrapper{margin-bottom:0}}.main-bestseller-title{max-width:343px;font-size:16px;font-weight:400;margin-bottom:10px;margin-top:14px}@media screen and (min-width: 768px){.main-bestseller-title{max-width:396px;font-size:18px}}.main-bestseller-price{max-width:343px;font-weight:700}@media screen and (min-width: 768px){.main-bestseller-price{max-width:396px}}.other-bestsellers-list{display:flex;flex-direction:column;row-gap:30px}@media screen and (min-width: 768px){.other-bestsellers-list{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:32px;column-gap:32px}}@media screen and (min-width: 1440px){.other-bestsellers-list{max-width:536px;row-gap:30px;column-gap:20px}}@media screen and (min-width: 768px){.other-bestsellers-item{width:calc((100% - 32px)/2)}}@media screen and (min-width: 1440px){.other-bestsellers-item{width:calc((100% - 20px)/2)}}.bestsellers-item-hidden{display:none}@media screen and (min-width: 768px){.bestsellers-item-hidden{display:block}}.other-bestsellers-title{max-width:258px;font-size:16px;font-weight:400;margin-bottom:10px;margin-top:14px}@media screen and (min-width: 768px){.other-bestsellers-title{font-size:18px}}.other-bestsellers-price{max-width:258px;font-weight:700}.client-reviews{background-color:var(--section-bg);padding-top:36px;padding-bottom:36px}@media only screen and (min-width: 1440px){.client-reviews{padding-top:60px;padding-bottom:60px}}.client-reviews-container{color:var(--blue);background-color:var(--section-bg)}.client-reviews-container .subtitle{text-align:center;margin-bottom:30px}.client-reviews-list{display:flex;flex-wrap:nowrap;gap:16px}@media only screen and (min-width: 1440px){.client-reviews-list{gap:24px}}.client-reviews-item{display:none;width:344px;border-radius:8px;background:var(--white, #fff);background-color:var(--white);padding:24px;box-shadow:var(--shadow)}@media only screen and (min-width: 1440px){.client-reviews-item{width:424px;padding:32px}}.client-reviews-item:first-child{display:block}@media only screen and (min-width: 768px){.client-reviews-item:nth-child(2n){display:block}}@media only screen and (min-width: 1440px){.client-reviews-item:nth-child(3n){display:block}}.client-reviews-item-block{display:flex;align-items:center;gap:14px;margin-bottom:24px}@media only screen and (min-width: 768px){.client-reviews-item-block{margin-bottom:14px}}@media only screen and (min-width: 1440px){.client-reviews-item-block{margin-bottom:16px}}.client-name{margin-bottom:2px;font-size:18px;font-weight:700;line-height:1.7;text-transform:uppercase}@media only screen and (min-width: 768px){.clients-name{line-height:2.25;font-size:20px;margin-bottom:4px}}.clients-last-visit{font-size:14px;line-height:1.3;color:#0a224acc}@media only screen and (min-width: 768px){.clients-last-visit{line-height:1.5;font-size:16px}}.client-review-text{font-size:14px;line-height:1.4}@media only screen and (min-width: 768px){.client-review-text{font-size:18px;line-height:1.5}}.section-subscription{padding-top:64px;padding-bottom:64px}@media screen and (min-width:768px){.section-subscription{padding-top:100px;padding-bottom:100px}}@media screen and (min-width:1440px){.section-subscription{padding-top:100px;padding-bottom:86px}}@media screen and (max-width: 767.98px){.subscription-container{margin-bottom:30px}}@media screen and (min-width:768px) and (min-width: 1439.98px){.subscription-container{margin-bottom:64px}}@media screen and (min-width: 1440px){.subscription-container{display:flex;align-items:center;justify-content:center}}.title-subscription{margin-bottom:20px}@media screen and (max-width: 375px){.title-subscription{text-align:center}}@media screen and (min-width: 768px){.title-subscription{margin-bottom:30px}}@media screen and (min-width: 1440px){.form-desktop{margin-right:100px}}.subscription-text{margin-bottom:30px}@media screen and (min-width: 1440px){.subscription-text{max-width:536px}}@media screen and (min-width:768px){.form-label{max-width:536px}}.form-label{display:block;position:relative;margin-bottom:20px}.form-input{color:var(--light-gray);font-weight:400;line-height:1.5;letter-spacing:.48px;font-size:16px;padding-left:20px;padding-right:20px;border-radius:4px;border:1px solid var(--gray);outline:transparent;transition:fill var(--time) var(--cubic);width:100%;height:50px}@media screen and (min-width:768px){.form-input{width:100%}}.form-input::placeholder{color:var(--light-gray)}.form-input:focus{color:var(--blue);border:1px solid var(--blue)}.form-input:not(:placeholder-shown):required:invalid{color:#e74a3b;border:1px solid #E74A3B}.form-input:not(:placeholder-shown):required:valid{color:var(--blue);border:1px solid var(--blue)}.form-container{margin-bottom:30px;position:relative}.form-icon{position:absolute;top:50%;right:20px;transform:translateY(-50%) scale(.2);opacity:0;pointer-events:none;fill:#e74a3b;transition:opacity var(--time) var(--cubic)}.form-input input:valid+.form-icon{opacity:0}.form-input:not(:placeholder-shown):required:invalid+.form-icon{opacity:1;transform:translateY(-50%)}.checkbox-container{display:flex;align-items:center;gap:8px;margin-bottom:30px}.form-icon-span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid var(--dark-grey);margin-right:8px;transition:background-color var(--time) var(--cubic)}.form-checkbox:checked+.checkbox-text .form-icon-span{background-color:var(--blue);border:none}.checkbox-text{color:var(--dark-grey);font-size:16px;font-style:normal;font-weight:400;line-height:24px;display:flex;align-items:center}.subscription-image{display:flex;justify-content:center;align-items:center;max-width:100%}@media screen and (min-width: 1440px){.subscription-image picture img{width:460px;height:410px}}@media screen and (min-width: 768px){.subscription-image picture img{max-width:704px;height:auto}}@media screen and (max-width: 767.98px){.subscription-image picture img{max-width:343px;height:auto}}@media screen and (max-width: 320px){.subscription-image picture img{max-width:320px;height:auto}}footer{background-color:var(--blue)}.footer-container{padding-top:36px;padding-bottom:16px;position:relative}@media only screen and (min-width: 767.98px){.footer-container{padding-bottom:36px}}@media only screen and (min-width: 1440px){.footer-container{padding:36px 60px}}.footer-first{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}@media only screen and (min-width: 767.98px){.footer-first{margin-bottom:32px}}.footer-logo{fill:var(--white);transform:scale(1);transition:fill var(--time) var(--cubic),transform var(--time) var(--cubic)}.logo-link:hover .footer-logo,.logo-link:focus .footer-logo{fill:#add8e6;transform:scale(1.2)}.footer-nav{margin-bottom:36px}@media only screen and (min-width: 767.98px){.footer-nav{position:absolute;top:36px;left:400px;padding:8px;margin-bottom:0}}@media only screen and (min-width: 1440px){.footer-nav{top:44px;left:404px;padding:8px}}.footer-nav-list{display:flex;flex-direction:column;gap:8px}@media only screen and (min-width: 1440px){.footer-nav-list{flex-direction:row;gap:30px}}.footer-nav-link{color:var(--white);font-size:16px;transition:color var(--time) var(--cubic)}.footer-nav-link:focus,.footer-nav-link:hover{color:#add8e6}@media only screen and (min-width: 767.98px){.footer-nav-link{font-size:18px}}.footer-soc-list{display:flex;gap:16px}@media only screen and (min-width: 1440px){.footer-soc-list{gap:30px}}.footer-icons{fill:var(--white);transition:fill var(--time) var(--cubic),transform var(--time) var(--cubic);transform:scale(1)}.footer-soc-link:hover .footer-icons{fill:#add8e6;transform:scale(1.2)}.footer-soc-link:focus .footer-icons{fill:#add8e6;transform:scale(1.2)}@media only screen and (min-width: 767.98px){.footer-icons{width:40px;height:40px}}@media only screen and (min-width: 1440px){.footer-address{display:flex;margin-bottom:35px}}.footer-address-map{display:flex;flex-direction:column;gap:8px;margin-bottom:35px}@media only screen and (min-width: 767.98px){.footer-address-map{margin-bottom:64px}}@media only screen and (min-width: 1440px){.footer-address-map{margin-bottom:0;margin-right:87px}}.address-map-link{color:var(--white);font-size:16px;font-style:normal;line-height:normal;letter-spacing:.01em;transition:color var(--time) var(--cubic)}.address-map-item:first-child .address-map-link:hover{color:#add8e6}@media only screen and (min-width: 767.98px){.address-map-link{font-size:19px}}.footer-address-tel{display:flex;flex-direction:column;gap:8px;margin-bottom:64px}@media only screen and (min-width: 767.98px){.footer-address-tel{margin-bottom:24px}}@media only screen and (min-width: 1440px){.footer-address-tel{margin-bottom:0;margin-right:82px}}.address-tel-link{color:var(--white);font-size:16px;font-style:normal;line-height:normal;letter-spacing:.01em;transition:color var(--time) var(--cubic)}.address-tel-link:hover,.address-tel-link:focus{color:#add8e6}@media only screen and (min-width: 767.98px){.address-tel-link{font-size:19px}}.address-email{display:none;transition:color var(--time) var(--cubic)}.address-email:focus,.address-email:hover{color:#add8e6}@media only screen and (min-width: 767.98px){.address-email{display:block;color:var(--white);font-size:19px;font-style:normal;line-height:normal;letter-spacing:.01em;margin-bottom:64px}}@media only screen and (min-width: 1440px){.address-email{margin-bottom:0}}.footer-text{color:#fff9;font-size:12px;line-height:1.7;letter-spacing:.1em;text-align:center}@media only screen and (min-width: 767.98px){.footer-text{font-size:16px;line-height:1.25;letter-spacing:.07em}}.footer-link{text-decoration-line:underline}.mobile-menu{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;background-color:var(--white);transform:translate(-100%);transition:transform .5s var(--cubic)}.is-open{opacity:1;visibility:visible;pointer-events:all}.wrap-header{display:flex;padding:28px 16px;justify-content:space-between;align-items:center;background-color:var(--section-bg)}.mobile-menu-navigation{display:flex;flex-direction:column;align-items:center;padding-top:114px;padding-bottom:365px}.mobile-menu-nav-list-item{text-align:center;font-size:16px;line-height:1.5em;padding-bottom:17px}.mobile-menu-link{padding:8px}.mobile-menu-close-btn{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;stroke:#0a224a}.mobile-menu-nav-list-item:last-child{padding-bottom:0}.mobile-menu.is-open{transform:translate(0)}.mobile-menu-link:hover,.mobile-menu-link:focus{color:#4d5ae5;transition:color .25s cubic-bezier(.4,0,.2,1)}@media only screen and (min-width: 767.98px){.header-logo-icon{width:127px}.wrap-header{min-height:95px;padding-left:32px;padding-right:32px;gap:537px}.mobile-menu-close-btn{width:40px;height:40px}.mobile-menu-navigation{padding-top:150px;padding-bottom:450px}.mobile-menu-nav-list-item{font-size:18px;padding-bottom:30px}.mobile-menu-nav-list-item:last-child{padding-bottom:0}}