h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul,ol{list-style-type:none;margin-top:0;margin-bottom:0;padding-left:0}a{color:currentColor;text-decoration:none}img{display:block;max-width:100%;height:auto}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:#fbfbfb;background-color:#0e1823}.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}.section-title{font-weight:500;font-size:28px;line-height:1;letter-spacing:-.02em;text-align:center;color:#fbfbfb}.section{padding-bottom:80px}button{cursor:pointer}.main-btn{border-radius:15px;font-weight:500;letter-spacing:-.02em;color:#fbfbfb;display:block;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.main-btn:hover,.main-btn:focus{background-color:#fbfbfb;color:#1b414b}.container{padding:0 20px;margin:0 auto}@media screen and (min-width: 375px){.container{width:375px}}@media screen and (min-width: 768px){.container{width:768px;padding:0 32px}.section{padding-bottom:150px}.section-title{font-size:48px}h1{font-size:70px}.main-btn{padding:16px 40px;min-width:179px;height:52px}}@media screen and (min-width: 1280px){.container{width:1280px;padding:0 50px}h1{font-size:80px}}@media screen and (min-width: 1440px){.container{max-width:1440px}}.header{position:relative}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:335px;width:100%;height:42px;border:1px solid #fbfbfb;background-color:#fbfbfb;border-radius:8px;padding:0 20px;position:absolute;top:20px;z-index:1}.header-nav-link{padding:10px}@media screen and (min-width: 375px){.header-container{left:20px}}.logo-header{font-weight:500;font-size:14px;letter-spacing:-.03em;color:#1b414b}.header-nav-list,.header-soc-list{display:none}.burger-btn{width:28px;height:28px;background-color:transparent;border:none;padding:0}.burger-icon{fill:transparent;stroke:#1b414b}@media screen and (min-width: 375px){.header-container{left:50%;transform:translate(-50%)}}@media screen and (min-width: 768px){.header-container{min-width:704px;height:48px;padding-right:28px;padding-left:28px}.burger-btn{display:none}.logo-header{font-weight:500;font-size:20px;letter-spacing:-.03em;color:#1b414b}.header-nav{display:flex;justify-content:space-between;align-items:center;width:100%}.header-nav-list{display:flex;gap:4px}.header-soc-list{display:flex;gap:8px;justify-content:center;align-items:center;flex-shrink:0}.header-soc-item{width:24px;height:24px}.header-soc-link{fill:#1b414b;transition:fill .25s cubic-bezier(.4,0,.2,1)}.header-soc-link:hover,.header-soc-link:focus{fill:#062730}.header-nav-item{min-width:91px;height:40px;border-radius:8px;background-color:#1b414b80;line-height:130%;text-transform:uppercase;text-align:center;color:#fbfbfb;font-weight:400;font-size:9px;padding:15px 25px;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.header-nav-item:hover,.header-nav-item:focus{background-color:#1b414b;cursor:pointer}@media screen and (min-width: 1280px){.header-container{min-width:1080px;padding-right:30px;padding-left:30px}}@media screen and (min-width: 1440px){.header-container{min-width:1240px}}}.hero{padding-top:260px;padding-bottom:302px}.hero{background-image:linear-gradient(360deg,rgba(17,19,31,.8) 15.05%,rgba(17,19,31,.8) 75.3%,rgba(17,19,31,.8) 98.27%),url(/goit-project-11/assets/hero-mob-cbfc11e9.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}@media screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx),(min-resolution: 192dpi){.hero{background-image:linear-gradient(360deg,rgba(17,19,31,.8) 15.05%,rgba(17,19,31,.8) 75.3%,rgba(17,19,31,.8) 98.27%),url(/goit-project-11/assets/hero-mob-cbfc11e9.jpg)}}.hero-title{font-weight:500;line-height:100%;font-size:32px;letter-spacing:-.02em;color:#fbfbfb;text-align:center;max-width:100%;height:86px;margin:0 auto 24px}.hero-text{font-weight:300;font-size:12px;line-height:1.17;text-align:center;color:#fbfbfbb3;max-width:100%;margin-bottom:38px}.main-btn{font-size:14px;background:#1b414b}.hero-rewiew{display:flex;align-items:center;justify-content:center;flex-direction:row;width:141px;min-height:46px;margin:0 auto}@media screen and (max-width: 330px){.hero-title{font-size:30px}}@media screen and (min-width: 768px){.hero{padding-top:280px;padding-bottom:282px;background-image:linear-gradient(360deg,rgba(17,19,31,.8) 15.05%,rgba(17,19,31,.8) 75.3%,rgba(17,19,31,.8) 98.27%),url(/goit-project-11/assets/hero-tab-9f132697.jpg)}.hero-container{max-width:100%}@media screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx),(min-resolution: 192dpi){.hero{background-image:linear-gradient(360deg,rgba(17,19,31,.8) 15.05%,rgba(17,19,31,.8) 75.3%,rgba(17,19,31,.8) 98.27%),url(/goit-project-11/assets/hero-tab-9f132697.jpg)}}.hero-title{font-size:70px;width:704px;height:210px}.one-line{display:block}.hero-text{font-size:16px;line-height:1.4;width:597px;height:66px;margin:0 auto 48px}.main-btn{font-size:18px;line-height:1.1}}@media screen and (min-width: 1280px){.hero{padding-top:235px;padding-bottom:215px;background-image:linear-gradient(360deg,rgba(17,19,31,.8) 15.05%,rgba(17,19,31,.8) 75.3%,rgba(17,19,31,.8) 98.27%),url(/goit-project-11/assets/hero-desk-1280-a0ffa45a.jpg)}@media screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx),(min-resolution: 192dpi){.hero{background-image:linear-gradient(360deg,rgba(17,19,31,.8) 15.05%,rgba(17,19,31,.8) 75.3%,rgba(17,19,31,.8) 98.27%),url(/goit-project-11/assets/hero-desk-1280-a0ffa45a.jpg)}}.hero-title{font-size:80px;width:1000px;height:160px}.one-line{display:inline}.main-btn{font-size:18px;background:#1b414b}.hero-rewiew{display:flex;align-items:center;justify-content:center;flex-direction:row;width:179px;min-height:52px;margin:0 auto}}@media screen and (min-width: 1440px){.hero{background-image:linear-gradient(360deg,rgba(17,19,31,.8) 15.05%,rgba(17,19,31,.8) 75.3%,rgba(17,19,31,.8) 98.27%),url(/goit-project-11/assets/hero-desk-1440-073d4a00.jpg)}@media screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx),(min-resolution: 192dpi){.hero{background-image:linear-gradient(360deg,rgba(17,19,31,.8) 15.05%,rgba(17,19,31,.8) 75.3%,rgba(17,19,31,.8) 98.27%),url(/goit-project-11/assets/hero-desk-1440-073d4a00.jpg)}}}.about{margin-top:-60px;padding-bottom:80px}.about-container{background-color:#fbfbfb;border-radius:24px}.about-block{padding:40px 20px}.about-title{font-weight:500;font-size:28px;line-height:1;color:#1b414b;margin-bottom:40px}.about-subtitle{font-weight:400;font-size:18px;line-height:1;color:#1b414b;margin-bottom:20px}.about-text-descr{color:#04030666}.about-photo{border-radius:24px}@media screen and (min-width: 768px){.about{margin-top:-67px;padding-bottom:150px}.about-block{padding:50px 136px 50px 32px}.about-title{font-size:48px;margin-bottom:50px}.about-box-descr{max-width:389px}.about-subtitle{font-size:23px}.about-text-descr{font-size:13px;line-height:1.15}}@media screen and (min-width: 1280px){.about{margin-top:-35px;padding-bottom:150px}.about-block{display:flex;gap:189px;padding:50px 50px 100px}.about-title{margin-bottom:0;max-width:537px}.about-box-descr{max-width:354px}}.yacht-title{max-width:310px;margin-bottom:40px;margin-right:auto;margin-left:auto}.our-yachts-list{display:flex;justify-content:center;margin-bottom:40px}.our-yachts-item{background:#fff;padding:16px 16px 32px;border-radius:24px}.our-yachts-image{margin-bottom:32px}.title-container{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(4,3,6,.1);padding-bottom:16px;margin-bottom:16px}.our-yachts-title{font-weight:500;font-size:14px;line-height:1.18;letter-spacing:-.04em;text-transform:uppercase;color:#1b414b}.our-yachts-paragraph{font-size:12px;line-height:1.17;letter-spacing:.03em;text-transform:uppercase;color:#040306;opacity:.4}.features-list{display:flex;justify-content:space-between}.info-container{display:flex;flex-direction:column;gap:6px}.property{font-size:14px;line-height:1.18}.our-yachts-value{font-size:14px;line-height:1.18;letter-spacing:.03em;color:#040306}.rent-btn{display:flex;justify-content:center;align-items:center;flex-direction:row;width:141px;min-height:46px;border:1px solid rgba(251,251,251,.35);background:transparent;margin:0 auto;font-size:14px;line-height:1.29}@media screen and (max-width: 767px){.our-yachts-item:nth-child(2),.our-yachts-item:nth-child(3){display:none}}@media screen and (max-width: 1279px){.our-yachts-item:nth-child(3){display:none}}@media screen and (min-width: 768px){.yacht-title{max-width:610px;margin-bottom:75px}.our-yachts-list{gap:32px;margin-bottom:50px}.our-yachts-title{font-size:16px;line-height:1.2}.our-yachts-paragraph{font-size:13px;line-height:1.18}.rent-btn{min-width:179px;padding:16px 40px;font-size:18px;line-height:1.1}}@media screen and (min-width: 1280px){.yacht-title{max-width:690px}.our-yachts-list{gap:25px}}@media screen and (min-width: 1440px){.our-yachts-list{gap:32px}}.advantages{padding-bottom:80px}.advantages-list{background-color:#1b414b;display:flex;flex-wrap:wrap;border-radius:24px;padding:80px 20px;gap:40px;margin-bottom:20px;counter-reset:item}ol{list-style-type:none;padding:0;margin:0}.advantages-item{position:relative;width:100%}.advantages-paragraph{padding-top:18px;margin-top:18px;color:#fbfbfbcc;border-top:2px solid rgba(251,251,251,.1)}.advantages-item:nth-child(-n+9):before{content:"0" counter(item);counter-increment:item;font-weight:500;font-size:28px;line-height:1;letter-spacing:-.05em}.advantages-item:nth-child(n+10):before{content:counter(item);counter-increment:item}.image-advantages{border-radius:24px}@media screen and (min-width: 768px){.advantages{padding-bottom:150px}.advantages-list{gap:44px 32px;padding:90px 32px;margin-bottom:32px}.advantages-paragraph{font-size:13px;line-height:1.15}.advantages-item{width:calc((100% - 32px)/2)}.advantages-table-title{font-size:32px}}@media screen and (min-width: 1280px){.advantages-list{gap:44px;max-width:716px;margin-bottom:0;padding:90px 50px}.advantages-item:nth-child(-n+9):before{font-size:32px}.advantages-content{display:flex;gap:32px;justify-content:center;align-items:center}.advantages-item{width:calc((100% - 44px)/2)}}@media screen and (min-width: 1440px){.advantages-list{max-width:768px;gap:44px 32px}.advantages-item{width:calc((100% - 32px)/2)}.image-advantages{width:432px;height:424px}}.rent-title{line-height:28px;letter-spacing:-.56px;text-align:start;margin-bottom:40px}.rent-form{padding-bottom:80px}.rent-input{width:100%;height:42px;color:#fbfbfb;background-color:transparent;font-size:14px;line-height:18px;border-radius:12px;border:1px solid rgba(251,251,251,.2);outline:none;margin-bottom:18px;padding-left:18px}.rent-input::placeholder{color:#fbfbfb66;font-size:14px;line-height:18px}.rent-comment{width:100%;height:108px;color:#fbfbfb;background-color:transparent;font-size:14px;line-height:18px;border-radius:12px;border:1px solid rgba(251,251,251,.2);resize:none;outline:none;padding:14px 18px;margin-bottom:40px}.rent-comment::placeholder{color:#fbfbfb66;font-size:14px;line-height:18px}.rent-input:hover,.rent-input:focus,.rent-comment:hover,.rent-comment:focus{border-radius:12px;border:1px solid rgba(251,251,251,.5);transition:border-color .5s ease-in .3s}.send-btn{padding:14px 44px;font-size:14px;line-height:1.29;width:122px;height:46px;color:#fbfbfb;border-radius:15px;background:#1b414b;letter-spacing:-.28px;border:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.send-btn:hover,.send-btn:focus{background:#fbfbfb;color:#1b414b}.rent-img{width:100%;border-radius:20px}@media screen and (min-width: 768px){.rent-form{padding-left:148px;padding-right:148px;padding-bottom:150px}.section-title{font-size:48px;font-weight:500;line-height:48px;letter-spacing:-.96px;margin-bottom:50px}.rent-input{height:54px}.rent-comment{height:116px;margin-bottom:50px}.send-btn{width:194px;min-height:56px;font-size:18px;line-height:1.1}.rent-img{height:534px}}@media screen and (min-width: 1280px){.rent-a-yacht .container{display:flex;flex-direction:row-reverse}.rent-form{display:flex;flex-direction:column;padding:0}.rent-input,.rent-comment{width:472px}.img-container{margin-right:50px}}@media screen and (min-width: 1440px){.rent-img{width:768px}}.reviews-container{background-color:#0e1823;min-width:320px;box-sizing:border-box}.reviews-title{max-width:335px;font-weight:500;font-size:28px;line-height:1;text-align:center;margin-bottom:25px}.reviews-subtitle{margin-bottom:40px;font-weight:400;font-size:12px;line-height:1.17;letter-spacing:-.02em;text-align:center;color:#fbfbfb66}.list-reviews{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.list-photo{border-radius:24px;background-color:#fbfbfb;padding:32px 16px;text-align:center}.second,.third{display:none}.reviews-img{margin:0 auto 24px}.member-name{font-weight:500;font-size:18px;line-height:1.1;letter-spacing:-.02em;text-align:center;color:#040306;margin-bottom:8px}.member-text{font-weight:400;font-size:16px;line-height:1.4;letter-spacing:-.02em;text-align:center;color:#04030666}@media screen and (max-width: 767px){.list-photo:nth-child(2),.list-photo:nth-child(3){display:none}}@media screen and (max-width: 1279px){.list-photo:nth-child(3){display:none}}@media screen and (min-width: 768px){.reviews-title{max-width:704px;font-size:48px;font-weight:500;margin:0 auto 25px;letter-spacing:-.02em}.reviews-subtitle{max-width:571px;display:flex;font-size:14px;justify-content:center;line-height:1.29;margin:0 auto 75px}.list-reviews{display:flex;gap:32px}.list-photo{display:flex;flex-direction:column;flex-basis:calc((100% - 32px)/2)}.list-photo.second{display:flex;align-items:center}.third{display:none}}@media screen and (min-width: 1280px){.reviews-title{max-width:854px}.list-photo.third{display:flex}.list-reviews{flex-wrap:nowrap;display:flex;gap:32px}.list-photo{flex-basis:calc((100% - 52px) / 3);padding:32px 28px}.member-text{max-width:320px}}@media screen and (min-width: 1440px){.list-photo{flex-basis:calc((100% - 64px) / 3);padding:32px 36px}}.footer{background-color:#1b414b;padding:40px 0 20px;border-radius:24px 24px 0 0;margin:0 10px}.footer-container{display:flex;flex-direction:column;padding:0 30px;width:100%}.footer-top{display:flex;flex-wrap:wrap}.footer-logo-container{width:89px}.footer-logo{font-weight:500;font-size:14px;letter-spacing:-.03em;color:#fbfbfb;margin-right:37px}.navigation-list{display:flex;gap:4px}.navigation-link{display:flex;align-items:center;border-radius:8px;width:66px;height:40px;font-weight:400;font-size:9px;line-height:1.3;text-transform:uppercase;text-align:center;color:#fbfbfb;background:rgba(251,251,251,.3);transition:background-color .25s cubic-bezier(.4,0,.2,1)}.footer-navigation-link{padding:10px;width:100%}.navigation-link:hover,.navigation-link:focus{background-color:#fbfbfb;color:#1b414b}.footer-media{display:flex;margin:80px auto 0}.footer-social-list{display:flex;gap:8px}.social-icon-list{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.footer-social-icon{fill:#fbfbfb;transition:fill .25s cubic-bezier(.4,0,.2,1)}.footer-social-icon:hover,.footer-social-icon:focus{fill:#fbfbfbcc}.footer-tagline{max-width:279px;margin:40px auto 0;font-weight:400;font-size:18px;line-height:1;letter-spacing:-.02em;text-align:center;color:#fbfbfb}.privacy-police{margin:82px auto 0}.footer-privacy-list{display:flex;gap:20px}.footer-privacy-link{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.03em;text-align:center;color:#fbfbfb66;transition:color .25s cubic-bezier(.4,0,.2,1)}.footer-privacy-link:hover,.footer-privacy-link:focus{color:#fbfbfb}@media screen and (max-width: 374px){.footer-top{flex-direction:column;align-items:center}.footer-logo-container{width:80px;display:flex;justify-content:center}.footer-logo{margin-right:0}.navigation-link{width:57px}.footer-navigation,.footer-media{margin-top:40px}}@media screen and (min-width: 376px) and (max-width: 767px){.footer{width:355px;margin:0 auto}}@media screen and (min-width: 768px){.footer{margin:0 16px}.footer-container{padding:0 48px;width:100%}.footer-logo{font-size:20px;margin-right:110px}.footer-logo-container{width:180px}.navigation-list{margin-right:91px}.navigation-link{width:91px}.footer-media{margin:0}.footer-tagline{margin-top:96px;max-width:640px;font-size:32px}.footer-privacy-list{gap:32px}.footer-privacy-link{font-size:14px;line-height:1.18}.privacy-police{margin-top:99px}}@media screen and (min-width: 769px) and (max-width: 1279px){.footer{width:736px;margin:0 auto}}@media screen and (min-width: 1280px){.footer{margin:0 25px}.footer-container{padding:0 75px;width:100%}.footer-logo{margin-right:330px}.footer-logo-container{width:400px}.navigation-list{margin-right:311px}.footer-tagline{max-width:693px}}@media screen and (min-width: 1281px) and (max-width: 1439px){.footer{width:1230px;margin:0 auto}}@media screen and (min-width: 1440px){.footer-container{width:100%}.footer-logo{margin-right:409px}.footer-logo-container{width:479px}.navigation-list{margin-right:388px}.footer-tagline{max-width:699px}}@media screen and (min-width: 1441px){.footer{width:1390px;margin:0 auto}.footer-container{width:100%}}.mob-menu{background:#0e1823;position:fixed;top:0;left:0;width:100%;height:100%;padding:20px 20px 40px;z-index:11;transform:translate(100%);transition:transform .4s ease-in-out}.mob-menu.is-open{transform:translate(0)}.mob-menu-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.mob-menu-header{display:flex;justify-content:space-between;align-items:center;max-width:335px;width:100%;height:42px;border:1px solid #fbfbfb;background:#fbfbfb;border-radius:8px;padding:0 20px}.mob-menu-logo{font-weight:500;font-size:14px;letter-spacing:-.03em;color:#1b414b}.mob-menu-btm{width:28px;height:28px;background-color:transparent;border:none;padding:0}.mob-menu-btm-svg{fill:#055545;margin:auto}.mob-menu-nav{padding-top:195px;margin-bottom:auto}.mob-menu-nav-menu{display:flex;flex-direction:column;gap:4px}.mob-menu-nav-menu-item{width:91px;height:40px;border-radius:8px;background-color:#1b414b80;transition:background-color .35s cubic-bezier(.4,0,.2,1);font-weight:400;font-size:9px;line-height:1.3;text-transform:uppercase;text-align:center;align-content:center;color:#fbfbfb;position:relative}.mob-menu-nav-menu-item:hover,.mob-menu-nav-menu-item:focus{background-color:#1b414b}.mob-menu-nav-menu-item-linc{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center}.mob-menu-social-media-list{width:88px;display:flex;gap:8px;justify-content:center;align-items:center;flex-shrink:0}.mob-menu-social-media-list-item{width:24px;height:24px;border:none}.mob-menu-social-media-list-svg{fill:#fbfbfb;transition:fill .35s cubic-bezier(.4,0,.2,1)}.mob-menu-social-media-list-svg:hover,.mob-menu-social-media-list-svg:focus{fill:#fbfbfbcc}
