*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto}@media screen and (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}picture{display:block}.list{list-style:none}.link{text-decoration:none}:root{--light-blue: #F7FAFF;--blue-font: #0A224A;--white-color: #ffffff;--grey-color: #D9D9D9;--dark-gray-clr: #B6B6B6}body{font-family:Roboto,sans-serif}.container{max-width:375px;padding:0 16px;margin:0 auto}@media only screen and (min-width: 768px) and (max-width: 1439px){.container{max-width:768px;padding:0 32px}}@media only screen and (min-width: 1440px){.container{max-width:1440px;padding:0 60px}}.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}.button{display:block;background-color:var(--blue-font);border:transparent;color:var(--white-color);font-size:16px;line-height:1.5;text-align:center}.section-header{position:sticky;top:0;background-color:var(--light-blue);width:100%;z-index:900;box-shadow:0 6px 10px #0000001a}.container-header{display:flex;justify-content:space-between;align-items:center;padding:16px}@media screen and (min-width: 768px){.container-header{padding:28px 32px}}@media screen and (min-width: 1440px){.container-header{padding:26px 60px}}.logo{width:100px;height:14px;fill:var(--blue-font)}@media screen and (min-width: 768px){.logo{width:127px}}.burger-mobile{width:32px;height:32px}@media screen and (min-width: 768px) and (max-width: 1439.9px){.burger-mobile{width:40px;height:40px}}@media screen and (min-width: 1440px){.burger-mobile{display:none}}.nav{display:none}@media screen and (min-width: 1440px){.nav{display:block;color:var(--blue-font);font-size:18px;line-height:1.5}}@media screen and (min-width: 1440px){.header-list{display:flex;gap:30px;padding:8px}}.navigation-link{display:block;position:relative;overflow-y:hidden;width:100%}.navigation-link span{position:relative;transition:.3s}.navigation-link span .out{display:inline-flex}.navigation-link:after{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background-color:var(--blue-font);transition:width 1s,left 1s}.navigation-link.footer:after{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background-color:var(--white-color);transition:width 1s,left 1s}.navigation-link:hover:after{left:0;width:100%}.navigation-link:hover span .out{transform:translateY(-100%)}.navigation-link span .in{position:absolute;left:0;transform:translateY(100%)}.navigation-link:hover span .in{transform:translateY(0)}.is-active{position:relative}.is-active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:2px;transition:.5s;background-color:var(--white-color)}.header-btn-menu{display:contents}.menu-container{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:999;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(-100%);background-color:var(--white-color)}.menu-container.is-open{transform:translate(0)}.modal-header-main{background-color:var(--light-blue)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 16px;max-width:375px;margin:0 auto}@media screen and (min-width: 768px) and (max-width: 1439.9px){.modal-header{padding:28px 32px;max-width:768px}}.modal-btn{width:32px;height:32px;display:contents}@media screen and (min-width: 768px) and (max-width: 1439.9px){.modal-btn{width:40px;height:40px}}.modal-btn-icon{width:32px;height:32px}@media screen and (min-width: 768px) and (max-width: 1439.9px){.modal-btn-icon{width:40px;height:40px}}.menu-list{padding-top:114px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1439.9px){.menu-list{padding-top:150px}}.menu-item{color:var(--blue-font);font-size:16px;line-height:1.5;margin-bottom:17px}@media screen and (min-width: 768px) and (max-width: 1439.9px){.menu-item{font-size:18px;margin-bottom:30px}}.menu-item:last-child{margin-bottom:0}.hero{background-color:var(--white-color);background-image:url(/assets/pic@1x-3dbdf3ee.jpg);background-size:cover;background-repeat:no-repeat;padding-top:140px;padding-bottom:313px;margin:0 auto}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:url(/assets/pic@2x-30e9f6ed.jpg)}}@media screen and (min-width: 768px) and (max-width: 1440px){.hero{background-image:none;padding-top:64px;padding-bottom:0}}@media screen and (min-width: 1440px){.hero{padding-top:64px;padding-bottom:0;background-image:none}}@media screen and (min-width: 768px) and (max-width: 1440px){.hero-background{background-image:url(/assets/pic@1x-0dda8c87.jpg),url(/assets/pic2@1x-f2297317.jpg);background-repeat:no-repeat;background-position:left bottom,right;background-size:auto;height:531px;margin-bottom:32px}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-background{background-image:url(/assets/pic@2x-2a91a909.jpg),url(/assets/pic2@2x-0d9beccb.jpg);background-size:308px 329px,364px 531px}}}@media screen and (min-width: 1440px){.hero-background{background-image:url(/assets/pic@1x-423f789a.jpg),url(/assets/pic2@1x-7070c98f.jpg);background-repeat:no-repeat;background-size:auto;background-position:left bottom,right;height:530px;min-width:983px;margin-bottom:0}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-background{background-image:url(/assets/pic@2x-e81517fa.jpg),url(/assets/pic2@2x-5509afeb.jpg);background-size:310px 329px,648px 530px}}}@media screen and (min-width: 1440px){.button-wrapper{background-image:url(/assets/pic3@1x-5d3f0ced.jpg);background-repeat:no-repeat;background-size:auto;background-position:right top;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.button-wrapper{background-image:url(/assets/pic3@2x-e394be9f.jpg);background-size:312px 337px}}}.hero-title{font-family:Playfair Display;font-size:28px;line-height:1.5;text-transform:uppercase;color:var(--blue-font);font-weight:400;margin-bottom:14px}@media screen and (min-width: 768px) and (max-width: 1439.9px){.hero-title{font-size:50px;line-height:1.5;margin-bottom:0}}@media screen and (min-width: 1440px){.hero-title{max-width:648px;font-size:50px;line-height:1.5;margin-bottom:0}}.hero-description{font-size:16px;line-height:1.5;color:var(--blue-font);margin-bottom:28px}@media screen and (min-width: 768px) and (max-width: 1439.9px){.hero-description{font-size:18px;line-height:1.5;font-weight:400;max-width:312px;margin-bottom:30px}}.button{background-color:var(--blue-font);padding:13px 0;width:224px;border:transparent;color:var(--white-color);font-size:16px;line-height:1.5;position:relative;transition:.3s ease-in-out .5s}.button:hover,.button:focus{transition:.3s ease-in-out;background:transparent;color:var(--blue-font);outline:none}.button:hover svg,.button:focus svg{stroke-dashoffset:0}.svg-animation{position:absolute;left:0;top:0;fill:none;stroke:var(--blue-font);stroke-dasharray:548;stroke-dashoffset:548;transition:.5s ease-in-out}@media screen and (min-width: 1440px){.hero-tablet-wrapper{display:flex;gap:32px}}.about-us{color:var(--blue-font)}.about-us-desktop{background-color:var(--light-blue)}@media screen and (max-width: 767px){.about-us-div{padding:64px 0 0}.about-us-desktop{padding:0 16px}}@media screen and (min-width: 768px){.about-us{padding-top:100px}}@media screen and (min-width: 1440px){.about-us-div{background-color:var(--white-color);display:flex;align-items:center}}.about-us-desktop{margin-bottom:64px}@media screen and (min-width: 768px){.about-us-desktop{padding:36px 64px;margin-bottom:30px}}@media screen and (min-width: 1440px){.about-us-desktop{padding:36px 69px;margin-bottom:0;margin-right:24px}}.about-us-title{font-size:16px;line-height:1.5;font-weight:400;display:flex;align-items:center;margin-bottom:30px}.about-us-title:before{content:"";background-color:var(--blue-font);width:30px;height:1px;transform:translateY(50%);margin-right:10px}.about-us-subtitle{font-size:28px;line-height:1.5;text-transform:uppercase;font-weight:400;margin-bottom:30px}@media screen and (min-width: 1440px){.about-us-subtitle{font-size:32px;line-height:1.4;text-transform:uppercase;margin-bottom:30px}}.about-us-paragraph{font-size:16px;line-height:1.5;margin-bottom:30px}@media screen and (min-width: 1440px){.about-us-paragraph{font-size:18px;line-height:1.5}}.list-features{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center;font-size:16px;line-height:1.5}@media screen and (min-width: 768px){.list-features{flex-direction:row;gap:33px}}@media screen and (min-width: 1440px){.list-features{flex-direction:row;gap:56px}}@media screen and (min-width: 768px){.our-features-item{display:flex;flex-direction:column;gap:33px}}@media screen and (min-width: 1440px){.our-features-item{gap:14px;font-size:18px;line-height:27px}}.features-item-title{text-align:center;font-size:50px;line-height:1.5;text-transform:uppercase;font-weight:400}.item-paragraph{line-height:1.5;font-size:18px;width:170px}.about-us-image{margin:auto}@media screen and (min-width: 1440px){.about-us-image{width:100%;margin:0}}.price-container{padding-top:64px}@media screen and (min-width: 768px){.price-container{padding-top:100px}}@media screen and (min-width: 1440px){.price-container{max-width:1096px}}.price-list-item:first-child{border-top:1px solid #0a224a}.price-list-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #0a224a}.products-name{transform:translate(0);transition:transform .3s ease-in;color:var(--blue-font, #0a224a);font-size:28px;line-height:1.5;text-transform:uppercase}.products-cost{color:var(--blue-font, #0a224a);text-align:right;font-size:16px;font-weight:700;line-height:1.5}.price-list-item:hover .products-name{transform:translate(70px)}.price-list-item:before{content:"";position:absolute;left:0;width:50px;height:3px;transform:scaleX(0);transform-origin:left center;background-color:#0a224a;transition:transform .3s ease-in}.price-list-item:hover:before{transform:scaleX(1)}@media screen and (min-width: 768px) and (max-width: 1439px){.products-name{font-size:32px;line-height:1.4x}.products-cost{font-size:18px;line-height:1.5px}}.our-products-section{padding-top:64px}@media screen and (min-width: 768px){.our-products-section{padding-top:100px}}.our-products-title{color:var(--blue-font);font-size:28px;line-height:1.5;text-transform:uppercase;font-weight:400;text-align:center;margin-bottom:33px}@media screen and (max-width: 767.9px){.mobile-hidden{display:none}}@media screen and (max-width: 1439.9px){.tablet-hidden{display:none}}.our-products-list{display:flex;justify-content:center;gap:16px}.our-products-picture{width:100%;margin-bottom:16px}@media screen and (min-width: 768px) and (max-width: 1440px){.our-products-item{width:calc((100% - 16px)/2)}}@media screen and (min-width: 1440px){.our-products-item{width:calc((100% - 48px)/4)}}.our-products-paragraph{color:var(--blue-font);font-size:16px;line-height:1.5}.bestseller{padding-top:64px}@media screen and (min-width: 768px){.bestseller{padding-top:100px}}.bestseller-title{margin-bottom:20px;text-transform:uppercase;text-align:center;color:var(--blue-font, #0a224a);font-size:28px;line-height:1.5;font-weight:400}@media screen and (min-width: 768px){.bestseller-title{margin-bottom:30px}}@media screen and (min-width: 1440px){.cardsul{display:flex;gap:24px;max-width:1096px;margin:0 auto}}@media screen and (max-width: 767px){.card-li:first-child{margin-bottom:30px}}@media screen and (min-width: 768px) and (max-width: 1439px){.card-li:first-child{margin-bottom:32px}}@media screen and (min-width: 1440px){.card-li{min-width:536px}}.bestseller-picture{margin-bottom:15px}.bestseller-text{color:var(--blue-font, #0a224a);font-size:16px;line-height:1.5;margin-bottom:10px}.bestseller-cost{color:var(--blue-font, #0a224a);font-size:16px;font-weight:700;line-height:1.5}@media screen and (min-width: 768px){.sector-position{display:flex;flex-wrap:wrap;gap:32px}}@media screen and (min-width: 1440px){.sector-position{row-gap:30px;column-gap:20px}}@media screen and (min-width: 768px){.half-width{width:calc((100% - 32px)/2)}}@media screen and (min-width: 1440px){.half-width{width:calc((100% - 20px)/2)}}@media screen and (max-width: 767px){.half-width:first-child{margin-bottom:30px}}@media screen and (max-width: 767px){.half-width:nth-child(n + 3){display:none}}.clients{background:var(--light-blue);padding-top:64px}@media screen and (min-width: 768px){.clients{padding-top:100px}}.clients-container{padding-top:36px;padding-bottom:36px}@media screen and (min-width: 1440px){.clients-container{padding-top:60px;padding-bottom:60px}}.comment-link{display:block;transition:transform .25s;outline:none}.comment-link:hover,.comment-link:focus{box-shadow:0 1px 6px #2e2f421a,0 1px 1px #2e2f4233,0 2px 1px #2e2f421a;background-color:var(--white-color);transform:scale(1.1);border-radius:8px}.clients-tittle{text-align:center;color:var(--blue-font);font-weight:400;font-size:28px;line-height:1.5;text-transform:uppercase;margin-bottom:30px}.name-of-client{margin-bottom:4px}.clients-list{display:flex;justify-content:center;align-items:center}.client-item{background:var(--white-color);max-width:343px;border-radius:8px}.comment-link{padding:24px}@media screen and (max-width: 767.9px){.none{display:none}.name-of-client{margin-bottom:2px}}.up-wrapper{display:flex;margin-bottom:24px}.img-wrapper-reviews{margin-right:14px}.name-of-client{color:var(--blue-font);font-size:18px;font-weight:700;line-height:1.77;text-transform:uppercase}.lost-comment{color:var(--blue-font);font-size:14px;line-height:1.3;opacity:.8}.client-comment{color:var(--blue-font);font-size:14px;line-height:1.4}@media screen and (min-width: 768px){.client-comment{font-size:18px;line-height:1.5}}@media screen and (min-width: 768px) and (max-width: 1439.9px){.client-3{display:none}.clients-container{padding:36px 32px}.clients-list{gap:16px}}@media screen and (min-width: 1440px){.clients-list{gap:24px}.client-item{max-width:424px}.comment-link{padding:32px}}.contacts{padding:64px 0}@media screen and (max-width: 767.9px){.contacts-tittles-wrapper{margin-bottom:30px}}.contacts-tittle{margin-bottom:20px;color:var(--blue-font);font-weight:400;text-align:center;font-size:32px;line-height:1.18;text-transform:uppercase}.contacts-subtittle{margin-bottom:30px;color:var(--blue-font);font-size:18px;line-height:1.5}.contacts-form{max-width:536px}.contacts-form-imput{width:100%;height:50px;padding:13px 20px;border:1px solid var(--dark-gray-clr);margin-bottom:20px}.contacts-form-imput::placeholder{color:var(--grey-color);font-size:16px;line-height:1.5}.checkbox-label{display:flex;gap:8px;color:var(--dark-grey, #B6B6B6);font-size:16px;line-height:1.5;cursor:pointer;margin-bottom:30px}.contacts-send-btn{display:block;border:none;cursor:pointer;margin-top:12px;width:224px;padding:13px 0;background:var(--blue-font);color:var(--white-color);font-size:16px;line-height:1.5}.contacts-img{display:block;width:100%}.contacts-checkbox{display:none}.fake-checkbox{display:flex;justify-content:center;align-items:center;min-width:25px;height:25px;border:1px solid var(--dark-gray-clr)}.contacts-checkbox:checked+.fake-checkbox{background-color:var(--blue-font);border:transparent}.contacts-checkbox:checked~.fake-checkbox-svg{fill:var(--white-color)}@media screen and (min-width: 768px){.contacts{padding:100px 0}.contacts-tittle{text-align:left}.contacts-subtittle{max-width:536px}.contacts-send-btn{margin-bottom:34px}}@media screen and (min-width: 1440px){.contacts-container{display:flex;justify-content:center;gap:100px}.contacts-tittle{margin-bottom:30px}.contacts-subtittle{margin-bottom:20px}.contacts-img-tumb{width:460px}.contacts-tittle-wrapper{max-width:536px}.contacts-send-btn{margin-bottom:0}}.footer-container{background-color:var(--blue-font);padding:36px 0 16px;color:var(--white-color);font-size:16px;letter-spacing:.16px}@media screen and (min-width: 768px){.footer-container{padding:36px 0}}.footer-container>.container{position:relative}.logo-footer{fill:var(--white-color);margin-bottom:42px}@media screen and (min-width: 768px){.logo-footer{margin-top:6px;margin-bottom:32px}}@media screen and (min-width: 1440px){.logo-footer{margin-bottom:39px}}.footer-list{margin-bottom:36px;font-size:16px;line-height:1.5}@media screen and (min-width: 768px){.footer-list{position:absolute;top:0;right:248px;margin:8px;font-size:18px}}@media screen and (min-width: 1440px){.footer-list{display:flex;gap:30px;top:0;left:396px}}.footer-item{line-height:1.5;margin-bottom:8px}.footer-item:nth-child(1){width:68px}.footer-item:nth-child(2){width:97px}.footer-item:nth-child(3){width:48px}.footer-item:nth-child(4){width:83px}.footer-item:nth-child(5){width:62px}@media screen and (min-width: 768px){.footer-item:nth-child(1){width:74px}.footer-item:nth-child(2){width:108px}.footer-item:nth-child(3){width:56px}.footer-item:nth-child(4){width:94px}.footer-item:nth-child(5){width:70px}}.footer-item:last-child{margin-bottom:0}.schedule{margin-top:8px}@media screen and (min-width: 768px){.schedule{margin-top:24px}}.footer-address{margin-bottom:35px;font-size:16px;letter-spacing:.16px;font-style:normal}@media screen and (min-width: 768px){.footer-address{margin-bottom:64px;font-size:19px;letter-spacing:.19px}}@media screen and (min-width: 1440px){.footer-address{margin-bottom:35px}}.tel-list{margin-bottom:64px;font-size:16px;letter-spacing:.16px}@media screen and (min-width: 768px){.tel-list{font-size:19px;letter-spacing:.19px}}@media screen and (min-width: 1440px){.tel-list{margin-bottom:0}}.tel{margin-bottom:8px}@media screen and (min-width: 1440px){.tel{position:absolute;top:67px;left:395px}.second-tel{top:113px}}.tel:last-child{margin:0}@media screen and (min-width: 768px){.tel{margin-bottom:24px}}.email{display:none}@media screen and (min-width: 768px){.email{display:block}}@media screen and (min-width: 1440px){.email{position:absolute;top:67px;right:564px}}.footer-links{text-decoration:underline}.footer-social-list{display:flex;flex-direction:row;gap:16px;position:absolute;top:0;right:16px}@media screen and (min-width: 768px){.footer-social-list{right:32px}}@media screen and (min-width: 1440px){.footer-social-list{gap:30px}}@media screen and (min-width: 1440px){.footer-social-list{right:60px}}.social-link{transition-property:transform;outline:none}.social-link:hover .social-icons,.social-link:focus .social-icons{transform:scale(1.5)}.social-icons{width:28px;height:28px;fill:var(--white-color);transition-duration:.25s}.footer-desc{text-align:center;font-size:12px;line-height:1.17;letter-spacing:1.19px;opacity:.6}@media screen and (min-width: 768px){.footer-desc{font-size:16px;line-height:1.25}}