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}img{display:block;max-width:100%;height:auto}body{font-family:Inter,sans-serif;color:#fbfbfb;background:#0E1823}h2{font-family:Inter,sans-serif;font-weight:500;font-size:28px;line-height:1;letter-spacing:-.02em}.container{max-width:375px;padding-left:20px;padding-right:20px;margin:0 auto}.footer-corn{padding-left:10px;padding-right:10px;margin:0 auto}html{scroll-behavior:smooth}@media only screen and (min-width: 768px){h2{font-size:48px}.container{max-width:768px;padding-left:32px;padding-right:32px}}@media only screen and (min-width: 1280px){.container{max-width:1280px;padding-left:50px;padding-right:50px}}@media only screen and (min-width: 1440px){.container{max-width:1340px}}.header{background-color:#fbfbfb;display:flex;align-items:center;border:1px solid #fbfbfb;border-radius:8px;padding:7px 20px;max-width:335px;width:100%;position:absolute;top:20px;left:50%;transform:translate(-50%)}.socmedia-list{display:none;gap:8px;align-items:center}.socmedia-item{display:block}.icon-sm{fill:#1b414b;transition:fill .25s cubic-bezier(.4,0,.2,1)}.icon-sm:hover,.icon-sm:focus{fill:#062730}.logo{font-family:Inter,sans-serif;font-weight:500;font-size:14px;letter-spacing:-.03em;color:#1b414b}.navigation-list{display:none}.socmedia-list{display:none;gap:8px}.modal-menu-header{background-color:#0e1823;max-width:767px;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:16px;padding-bottom:16px;position:fixed;top:0;left:50%;transform:translate(-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.top-line-modal{background-color:#fbfbfb;display:flex;align-items:center;justify-content:space-between;max-width:335px;width:100%;border:1px solid #fbfbfb;border-radius:8px;padding:7px 20px;margin:0 auto}.logo-menu{font-family:Inter,sans-serif;font-weight:500;font-size:14px;letter-spacing:-.03em;color:#1b414b}.close-menu-btn{display:flex;align-items:center;cursor:pointer;width:28px;height:28px;margin-left:auto;background-color:transparent;border:none}.icon-close{width:28px;height:28px;fill:#055545}.mob-icon-buter{stroke:#1b414b}.mob-icon-close{fill:#055545}.navigation-menu{padding-top:201px;margin-bottom:361px}.navigation-list-menu{display:flex;flex-direction:column;gap:4px}.navigation-item-menu{display:block}.navigation-link-menu{display:block;border-radius:8px;background-color:#1b414b80;padding:15px 25px 15px 24px;font-weight:400;font-size:9px;line-height:1.3;text-transform:uppercase;text-align:center;color:#fbfbfb;width:91px;height:40px;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.navigation-link-menu:hover,.navigation-link-menu:focus,.navigation-link-menu:active{background-color:#1b414b}.socmedia-list-menu{display:flex;gap:8px}.socmedia-icon-menu{fill:#fbfbfb;transition:fill .25s cubic-bezier(.4,0,.2,1)}.socmedia-icon-menu:hover,.socmedia-icon-menu:focus{fill:#fbfbfbcc}@media only screen and (max-width: 767px){.is-hidden{opacity:1;visibility:visible;pointer-events:auto}}@media only screen and (min-width: 768px){.header{max-width:704px;width:100%;padding:4px 28px;top:32px}.logo{font-size:20px;margin-right:113px}.navigation{display:block}.navigation-list{display:flex;flex-direction:row;gap:4px;margin-right:92px}.navigation-link{display:block;border-radius:8px;background-color:#1b414b80;padding:15px 25px 15px 24px;font-weight:400;font-size:9px;line-height:1.3;text-transform:uppercase;text-align:center;color:#fbfbfb;width:91px;height:40px;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.navigation-link:hover,.navigation-link:focus,.navigation-link:active{background-color:#1b414b}.socmedia-list{display:flex}.socmedia-item{width:24px;height:24px;padding:2px}.socmedia-icon{display:block}.close-menu-btn{display:none}}@media only screen and (min-width: 1280px){.header{max-width:1080px;width:100%;padding-left:30px;padding-right:30px}.logo{margin-right:296px}.navigation-list{margin-right:281px}}@media only screen and (min-width: 1440px){.header{max-width:1240px;width:100%}.logo{margin-right:375px}.navigation-list{margin-right:362px}}.hero-container{padding:0}.hero{background-image:linear-gradient(-.82deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.141%,rgba(17,19,31,0) 99.969%),url(/team-progect-html-css/assets/image2-mob-1x-13cf57f7.jpg);background-size:100% 100%;display:flex;flex-direction:column;align-items:center;padding:260px 20px 302px}@media screen and (min-device-pixel-ratio: 2),(min-resolution: 2dppx),(min-resolution: 192dpi){.hero{background-image:linear-gradient(-.82deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.141%,rgba(17,19,31,0) 99.969%),url(/team-progect-html-css/assets/image2-mob-2x-e2ed77cd.jpg);background-size:100% 100%}}.hero-title{color:#fbfbfb;font-size:32px;font-weight:500;line-height:32px;letter-spacing:-.02em;text-align:center;margin-bottom:24px}.hero-text{color:#fbfbfbb3;font-size:12px;font-weight:300;line-height:14px;letter-spacing:.001em;text-align:center}.hero-btn-link:hover,.hero-btn-link:focus{border-radius:15px;background:rgb(251,251,251);color:#1b414b}.hero-btn-link{color:#fbfbfb;font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.002em;text-align:center;height:46px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;padding:14px 32px;margin:38px 0;border-radius:15px;background:rgb(27,65,75);transition:background-color .25s cubic-bezier(.4,0,.2,1)}@media only screen and (max-width: 767px){.hero-title,.hero-text{max-width:335px}}@media only screen and (min-width: 768px){.hero{background-image:linear-gradient(-.82deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.141%,rgba(17,19,31,0) 99.969%),url(/team-progect-html-css/assets/image2-tab-1x-8dfe6cd2.jpg);background-size:100% 100%;padding:280px 32px 282px}@media screen and (min-device-pixel-ratio: 2),(min-resolution: 2dppx),(min-resolution: 192dpi){.hero{background-image:linear-gradient(-.82deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.141%,rgba(17,19,31,0) 99.969%),url(/team-progect-html-css/assets/image2-tab-2x-a39ea01b.jpg);background-size:100% 100%}}.hero-title{max-width:704px;font-size:70px;font-weight:500;line-height:70px}.hero-text{max-width:597px;font-size:16px;font-weight:300;line-height:140%}.hero-btn{height:52px;padding:16px 40px;margin:48px 0}.hero-btn-link{font-size:18px;font-weight:500;line-height:110%;letter-spacing:-.002em}}@media only screen and (min-width: 1280px){.hero{background-image:linear-gradient(-.82deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.141%,rgba(17,19,31,0) 99.969%),url(/team-progect-html-css/assets/image1-deckstop-1x-0b250ba7.jpg);background-size:100%;padding:235px 138px 215px 141px}@media screen and (min-device-pixel-ratio: 2),(min-resolution: 2dppx),(min-resolution: 192dpi){.hero{background-image:linear-gradient(-.82deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.141%,rgba(17,19,31,0) 99.969%),url(/team-progect-html-css/assets/image1-deckstop-2x-c1cb1206.jpg);background-size:100%}}.hero-title{max-width:1001px;font-size:80px;font-weight:500;line-height:80px}.hero-text{font-weight:300;line-height:140%;width:597px}}@media only screen and (min-width: 1440px){.hero{background-image:linear-gradient(-.82deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.141%,rgba(17,19,31,0) 99.969%),url(/team-progect-html-css/assets/image1-deckstop-1x-0b250ba7.jpg);background-size:100%;padding:235px 220px 215px 219px}@media screen and (min-device-pixel-ratio: 2),(min-resolution: 2dppx),(min-resolution: 192dpi){.hero{background-image:linear-gradient(-.82deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.141%,rgba(17,19,31,0) 99.969%),url(/team-progect-html-css/assets/image1-deckstop-2x-c1cb1206.jpg);background-size:100%}}}.yachtjet{padding-bottom:40px}.yachtjet-container{display:flex;flex-direction:column;border-radius:24px}.yachtjet-content{background-color:#fbfbfb;border-radius:24px}.yachtjet-text{display:flex;flex-direction:column;gap:40px;padding:40px 20px}.yachtjet-title{color:#1b414b;flex-shrink:0}.yachtjet-text-hero{font-weight:400;font-size:18px;line-height:1;letter-spacing:-.02em;color:#1b414b;margin-bottom:20px}.yachtjet-text-basic{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:-.02em;color:#040306;max-width:298px}.yachtjet-img-osnov{align-items:center}@media only screen and (min-width: 768px){.yachtjet{padding-bottom:75px}.yachtjet-container{margin-right:auto;margin-left:auto}.yachtjet-text{gap:50px;padding:50px 136px 50px 32px}.yachtjet-title{font-size:48px;max-width:536px}.yachtjet-about-text{max-width:389px}.yachtjet-text-hero{font-size:23px}.yachtjet-text-basic{font-size:13px;line-height:1.15;max-width:389px}}@media only screen and (min-width: 1280px){.yachtjet-container{margin-right:auto;margin-left:auto}.yachtjet-text{display:flex;max-width:1180px;flex-direction:row;gap:189px;align-items:flex-start;flex-shrink:0;padding:50px 50px 100px}.yachtjet-about-text{max-width:354px}}@media only screen and (min-width: 1440px){.yachtjet-container{max-width:1440px}.yachtjet-text{max-width:1340px;gap:299px}.yachtjet-about-text{max-width:404px}}.our-yachts{padding:40px 0}.title-yachts{color:#fbfbfb;margin:0 auto;font-size:28px;max-width:319px;text-align:center}.item-our-yachts{display:flex;align-content:center;justify-content:center;margin-top:40px}.item-our-yachts-block{display:block;background-color:#fbfbfb;border-radius:24px;max-width:100%;padding:16px}.two,.three{display:none}.yacht-img{border-radius:24px;width:100%}.block-categories-yacht{padding:32px 16px 16px}.name-our-yacht{display:flex;align-items:center;justify-content:space-between;position:relative;color:#0403061a}.name-our-yacht:after{content:"";position:absolute;left:0;bottom:-16px;height:1px;background-color:#0403061a;border-radius:1px;width:100%}.name-yacht{font-weight:500;font-size:14px;line-height:1.18;letter-spacing:-.04em;text-transform:uppercase;color:#1b414b}.type-yacht{font-weight:400;font-size:12px;line-height:1.16667;letter-spacing:.03em;text-transform:uppercase;color:#040306;opacity:.4;flex-shrink:0}.categories-yacht{display:flex;justify-content:space-between;margin-top:32px}.item-categories{display:flex;flex-direction:column;gap:6px}.text-categories-yacht{font-weight:400;font-size:14px;line-height:1.18;letter-spacing:.03em;text-transform:uppercase;color:#040306;opacity:.4}.item-response{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.response{font-weight:400;font-size:14px;line-height:1.18;letter-spacing:.03em;color:#040306}.link-our-yacht{font-weight:500;font-size:14px;line-height:1.28571;letter-spacing:-.02em;color:#fbfbfb;display:flex;border:1px solid rgba(251,251,251,.35);border-radius:15px;padding:14px 32px;width:143px;height:46px;background-color:inherit;margin-top:40px;margin-left:auto;margin-right:auto;transition:color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1),border .25s cubic-bezier(.4,0,.2,1)}.link-our-yacht:hover,.link-our-yacht:focus{color:#1b414b;background-color:#fbfbfb;border:none}@media only screen and (min-width: 768px){.our-yachts{padding:75px 0}.title-yachts{margin:0 auto;max-width:645px;font-size:48px}.two{display:block}.item-our-yachts{gap:32px;margin-top:75px}.item-our-yachts-block{width:calc((100% - 32px)/2)}.name-yacht{font-size:16px;line-height:1.2}.type-yacht{font-size:13px;line-height:1.18}.categories-yacht{gap:116px}.btn-our-yacht{margin-top:50px}.truncate{margin:0;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;width:148px}.link-our-yacht{font-size:18px;line-height:1.1;padding:16px 40px;width:181px;height:52px}}@media only screen and (min-width: 1280px){.title-yachts{max-width:714px}.three{display:block}.item-our-yachts{gap:25px}.item-our-yachts-block{width:calc((100% - 2 * 25px) / 3)}.categories-yacht{gap:145px}}@media only screen and (min-width: 1440px){.categories-yacht{gap:172px}}ol{margin:0;list-style-type:none;padding:0}.advantages{padding-top:40px;padding-bottom:40px}.beak{padding:80px 20px;background-color:#1b414b;border-radius:24px;margin-bottom:20px}.advantages-list{display:flex;flex-direction:column;gap:40px}.advantages-list-itame{font-family:Inter;font-size:12px;font-weight:400;line-height:1.1;letter-spacing:-.02em;text-align:left;color:#fbfbfb}.number{margin-bottom:38px;position:relative;font-family:Inter;font-size:28px;font-weight:500;line-height:28px;letter-spacing:-.05em;text-align:left}.number:after{position:absolute;display:block;left:0;bottom:-18px;content:"";width:100%;height:2px;background-color:#fbfbfb1a;border-radius:18px}.img-advantages{border-radius:24px}@media only screen and (min-width: 768px){.beak{max-width:704px;padding:90px 32px}.advantages{padding-top:75px;padding-bottom:75px}.number{font-size:32px;font-weight:500;line-height:32px;letter-spacing:-.05em}.advantages-list{display:flex;flex-wrap:wrap;flex-direction:unset;gap:32px 44px;font-size:13px;line-height:15px}.advantages-list-itame{width:calc((100% - 44px)/2)}.advantages-list-itame{margin-bottom:0}.img-advantages{width:704px;height:424px}}@media only screen and (min-width: 1280px){.beak{padding:90px 50px;margin-bottom:0}.advantages{display:flex;gap:32px}.advantages-list{gap:44px}.advantages-list-itame{margin-bottom:0}}@media screen and (min-width: 1440px){.advantages{max-width:1440px}}.rent-a-yacht-section{padding-top:40px;padding-bottom:40px}.rent-a-yacht-form-wrap{margin-bottom:80px}.rent-a-yacht-title{text-align:start;color:#fbfbfb;margin-bottom:40px}.rent-a-yacht-form{width:100%}.form-fields{display:flex;flex-direction:column;gap:18px;margin-bottom:40px}.form-input{outline:transparent;width:100%;height:42px;background-color:transparent;border-radius:12px;border:1px solid rgba(251,251,251,.2);padding:14px 18px;color:#fbfbfb;font-size:14px;font-weight:400;line-height:1.28}.form-input:focus{border:solid 1px #fbfbfb}.form-input::placeholder{font-size:12px;font-weight:400;line-height:1.16;color:#fbfbfb66}.text-area-input{height:108px;resize:none}.send-form-btn{background-color:#1b414b;border:none;border-radius:15px;padding:14px 44px;color:#fbfbfb;font-size:14px;font-weight:500;line-height:1.28;letter-spacing:-.02em;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.send-form-btn:hover,.send-form-btn:focus{background:rgb(251,251,251);color:#1b414b}.rent-a-yacht-img{max-width:100%;border-radius:24px}@media screen and (min-width: 768px){.rent-a-yacht-section{padding-top:75px;padding-bottom:75px}.rent-a-yacht-form-wrap{padding:0 116px;margin-bottom:100px}.rent-a-yacht-title{margin-bottom:50px}.rent-a-yacht-form{width:472px}.form-fields{margin-bottom:50px}.form-input{height:54px;padding:18px}.form-input::placeholder{font-size:14px;line-height:1.28}.text-area-input{height:116px}.send-form-btn{padding:18px 75px;font-size:18px;line-height:1.1}}@media screen and (min-width: 1280px){.rent-a-yacht-container{display:flex;gap:50px}.rent-a-yacht-img{order:1}.rent-a-yacht-form-wrap{padding:0;margin-bottom:0;order:2}}@media screen and (min-width: 1440px){.rent-a-yacht-container{max-width:1440px}}.reviews-container{padding-top:40px;padding-bottom:80px}.reviews-header{margin:0 auto 25px;text-align:center}.reviews-text{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:-.02em;text-align:center;color:#fbfbfb;opacity:.4;margin-bottom:40px}.reviews-card{display:flex;flex-direction:column;align-items:center;padding:32px 16px;background-color:#fbfbfb;border:none;border-radius:24px}.reviews-card-victoria,.reviews-card-ihor{display:none}.reviews-img{margin:0 auto 24px;border-radius:72px;text-align:center}.reviews-card-name{margin-bottom:8px;font-weight:500;font-size:18px;line-height:1.1;letter-spacing:-.02em;text-align:center;color:#040306}.reviews-card-descr{line-height:1.4;letter-spacing:-.02em;text-align:center;color:#04030666}@media only screen and (min-width: 768px){.reviews-container{padding-top:75px;padding-bottom:150px}.reviews-text{margin:0 auto 75px;max-width:571px;font-size:14px;line-height:1.29}.reviews-list{display:flex;gap:32px}.reviews-card-victoria{display:flex}.reviews-card{padding:32px 20px;width:calc((100% - 32px)/2)}}@media only screen and (min-width: 1280px){.reviews-header{max-width:854px}.reviews-list{gap:26px}.reviews-card{padding:32px 28px;width:calc((100% - 52px) / 3)}.reviews-card-ihor{display:flex;padding:32px 41.5px}}@media only screen and (min-width: 1440px){.reviews-list{gap:32px}.reviews-card{width:calc((100% - 64px) / 3)}.reviews-card-ihor{padding:32px 49.5px}}.footer-bg{background-color:#1b414b;border-radius:24px 24px 0 0;margin:0 auto;max-width:355px;padding:40px 30px 20px}.def-cont-footer{padding-left:10px;margin:0 auto}.container-link{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:40px}.logo-footer{font-family:Inter,sans-serif;font-weight:500;font-size:14px;letter-spacing:-.03em;color:#fbfbfb;padding-right:2px}.list-button-link{display:flex;flex-direction:row;margin:auto;gap:4px}.link-na-section{display:block;border-radius:8px;background-color:#fbfbfb4d;padding-top:15px;font-weight:400;font-size:9px;line-height:1.3;text-transform:uppercase;text-align:center;color:#fbfbfb;width:66px;height:40px;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.link-na-section:hover,.link-na-section:focus,.link-na-section:active{color:#1b414b;background-color:#fbfbfb}.socmedia-footer{display:flex;gap:8px;margin-top:80px}.icon-footer{fill:#fbfbfb}.icon-footer:hover,.icon-footer:focus{fill:#fbfbfbcc}.paragraph-slogan-company{max-width:279px;margin-left:auto;margin-right:auto;margin-bottom:82px;font-family:Inter,sans-serif;font-weight:400;font-size:18px;line-height:1;letter-spacing:-.02em;text-align:center;color:#fbfbfb}.container-slogan-police{display:flex;flex-direction:column;justify-content:center}.list-info-footer{display:inline-flex;gap:20px;margin:0 auto}.info-footer-policy{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.16667;letter-spacing:.03em;text-align:center;color:#fbfbfb66}@media screen and (min-width: 768px){.footer-bg{max-width:736px;padding:50px 48px 20px}.container-link{padding-bottom:96px}.def-cont-footer{padding-left:48px;padding-right:48px;margin:0 auto;text-align:center}.logo-footer{font-size:20px}.link-na-section{width:91px;height:44px;margin:auto}.socmedia-footer{margin-top:0}.paragraph-slogan-company{max-width:640px;font-size:32px;line-height:1;letter-spacing:-.02em;margin-bottom:99px}}@media screen and (min-width: 1280px){.footer-bg{max-width:1230px;padding:50px 75px 20px}.paragraph-slogan-company{max-width:693px}}@media screen and (min-width: 1440px){.footer-bg{max-width:1390px}}