From 0a6ed28ab7279a61d4da19dd88a8c6c11093e8b7 Mon Sep 17 00:00:00 2001 From: AnnaSamtash <148795420+AnnaSamtash@users.noreply.github.com> Date: Mon, 25 Dec 2023 19:53:44 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20AnnaSamt?= =?UTF-8?q?ash/best-project-group-2@51c926f9fee57a9094ecc02b8691e49c7a729b?= =?UTF-8?q?fb=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/index-407672f7.css | 1 - assets/index-bb05afea.css | 1 + index.html | 2 +- 3 files changed, 2 insertions(+), 2 deletions(-) delete mode 100644 assets/index-407672f7.css create mode 100644 assets/index-bb05afea.css diff --git a/assets/index-407672f7.css b/assets/index-407672f7.css deleted file mode 100644 index e1ae2ef..0000000 --- a/assets/index-407672f7.css +++ /dev/null @@ -1 +0,0 @@ -body{font-family:Inter,sans-serif;background-color:#0e1823}input,textarea,button{font-family:inherit}.section-title{color:#fbfbfb;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.02em}.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}.container{margin-left:auto;margin-right:auto}@media screen and (min-width: 320px) and (max-width: 767px){.container{max-width:375px;padding-left:20px;padding-right:20px}.section{padding-bottom:80px}}@media screen and (min-width: 768px){.section{padding-bottom:150px}}@media screen and (min-width: 768px) and (max-width: 1279px){.container{max-width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width: 1280px){.container{padding-left:50px;padding-right:50px}}@media screen and (min-width: 1280px) and (max-width: 1439px){.container{max-width:1280px}}@media screen and (min-width: 1440px){.container{max-width:1440px}}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;font-style:normal}button{cursor:pointer}img{display:block;max-width:100%;height:auto}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#242424;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.page-header{position:absolute;width:100%;top:20px;padding-left:20px;padding-right:20px}.container-header{padding-left:20px;padding-right:20px;height:42px;display:flex;justify-content:space-between;align-items:center;border-radius:8px;border:1px solid #fbfbfb;background:#fbfbfb}.mobile-menu-open-btn-header{stroke:#1b414b;border:none;background-color:transparent;padding:0;line-height:0}.navbar-brand{color:#1b414b;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.03em}.navbar-menu-btn{color:#fbfbfb;text-align:center;font-family:Inter;font-size:9px;font-weight:400;line-height:1.3;text-transform:uppercase;width:91px;height:40px;flex-shrink:0;border-radius:8px;background:#1b414b80;padding:15px 25px 15px 24px;transition:background-color .25s linear}@media screen and (min-width: 320px) and (max-width: 767px){.navbar-menu,.header-social-list{display:none}}@media screen and (min-width: 768px){.page-header{max-width:100%;top:32px;padding-left:32px;padding-right:32px}.mobile-menu-open-btn-header{display:none}.container-header{height:48px}.navbar-menu{display:flex;align-items:center;column-gap:4px}.header-social-list{display:flex;column-gap:8px}.header-social-list-icon{fill:#1b414b}.navbar-brand{font-size:20px}.navbar-menu-btn:hover,.navbar-menu-btn:focus{background-color:#1b414b}.header-social-list-icon{transition:fill .25s linear}.header-social-list-icon:hover,.header-social-list-icon:focus{fill:#062730}}@media screen and (min-width: 1280px){.page-header{padding-right:100px;padding-left:100px}}.background-picture{width:100%}.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-mobil-086514ca.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:100% 812px}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-mobil@2-197c7d1b.jpg)}}.hero{margin-left:auto;margin-right:auto;padding:260px 20px 243px;background-color:transparent}.hero-title{color:#fbfbfb;text-align:center;font-size:32px;font-weight:500;line-height:1;letter-spacing:-.02em;margin-left:auto;margin-right:auto;margin-bottom:24px;max-width:335px}.capitalize{text-transform:capitalize}.hero-paragraph{color:#fbfbfbb3;text-align:center;font-size:12px;font-weight:300;line-height:1.17;margin-left:auto;margin-right:auto;margin-bottom:38px;max-width:335px}.hero-btn{width:141px;border-radius:15px;background-color:#1b414b;border:none;padding:14px 32px;color:#fbfbfb;font-size:14px;font-style:normal;font-weight:500;line-height:1.29;letter-spacing:-.02em;margin:0 auto;display:block;transition:background-color .25s linear,color .25s linear}.hero-btn:active{background-color:#fbfbfb;color:#1b414b}@media screen and (min-width: 768px){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-tablet-1fceba40.jpg);background-size:100% 962px}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-tablet@2-7b361e6b.jpg)}}.hero{padding:280px 32px 215px;margin-bottom:24px}.hero-title{font-size:70px;max-width:704px}.hero-paragraph{font-size:16px;line-height:1.4;max-width:597px;margin-bottom:48px}.hero-btn{padding:16px 40px;font-size:18px;line-height:1.1;width:179px}.hero-btn:focus{background-color:#fbfbfb;color:#1b414b}.hero-btn:hover,.hero-btn:focus{background-color:#fbfbfb;color:#1b414b}}@media screen and (min-width: 1280px){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-desktop-eac2cb79.jpg);background-size:100% 800px}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-desktop@2-d8ba8f1f.jpg)}}.hero{padding:235px 50px 180px}.hero-title{font-size:80px;max-width:1001px}}@media screen and (min-width: 1440px){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-desktop1440-f4997b6c.jpg)}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-desktop1440@2-d60e54cd.jpg)}}}.about-us-section{margin-left:auto;margin-right:auto}.box-about-us{border-radius:24px;background:#fbfbfb}.about-us-wrapper{display:flex;flex-direction:column;gap:40px;align-items:flex-start;max-width:335px;padding:40px 20px}.about-us-title{color:#1b414b;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.02em}.about-us-caption-and-text-wrapper{max-width:295px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:40px}.about-us-caption{color:#1b414b;font-size:18px;font-weight:400;line-height:1;letter-spacing:-.02em}.about-us-text{color:#040306;font-size:12px;font-weight:400;line-height:1.17;letter-spacing:-.02em;opacity:.4}.tumb-picture{width:100%;border-radius:24px;overflow:hidden;display:block}.about-us-picture{max-width:100%;border-radius:24px;overflow:hidden;display:block}@media screen and (min-width: 768px){.about-us-wrapper{gap:50px;max-width:704px;padding:50px 32px}.about-us-title{max-width:536px;font-size:48px}.about-us-caption-and-text-wrapper{max-width:389px}.about-us-caption{color:#1b414b;font-size:23px}.about-us-text{font-size:13px;line-height:1.15}}@media screen and (min-width: 1280px){.about-us-wrapper{flex-direction:row;justify-content:space-between;max-width:1180px;padding-left:50px;padding-right:50px;padding-bottom:100px}.about-us-title{max-width:537px}.about-us-caption-and-text-wrapper{max-width:354px}}@media screen and (min-width: 1440px){.about-us-wrapper{max-width:1340px}.about-us-caption-and-text-wrapper{max-width:404px}}.benetti-oasis-card,.belle-anna-card{display:none}.our-yachts-section-title{color:#fbfbfb;text-align:center;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.02em;margin-left:auto;margin-right:auto;margin-bottom:40px;max-width:319px}.our-yahts-list{display:flex;justify-content:center;align-items:center;width:100%}.our-yahts-card{display:flex;flex-direction:column;align-items:center;row-gap:32px;padding:16px 16px 32px;background-color:#fbfbfb;border-radius:24px;border:none;margin-left:auto;margin-right:auto}.yacht-title{display:inline-flex;align-items:center;gap:125px;position:relative}.yacht-title:after{color:#0403061a;background-color:#0403061a;content:"";width:100%;position:absolute;bottom:-16px;height:1px}.yacht-name{color:#1b414b;font-size:14px;font-weight:500;line-height:1.18;letter-spacing:-.05em;text-transform:uppercase}.yacht-class{color:#040306;font-size:12px;line-height:1.17;letter-spacing:.03em;font-weight:400;opacity:.4;text-align:end;text-transform:uppercase}.yacht-params{display:flex;justify-content:flex-start;gap:114px;flex-shrink:1;flex-grow:0}.yacht-params-names{display:flex;flex-direction:column;gap:6px;text-transform:uppercase;opacity:.4}.yaht-parameter-name{font-size:14px;font-weight:400;line-height:1.18;letter-spacing:.03em}.yaht-params-values{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.yaht-parameter-value{font-size:14px;font-weight:400;line-height:1.18;letter-spacing:.03em}.yaht-rental-link{white-space:nowrap;width:141px;height:46px;margin-top:40px;display:block;margin-left:auto;margin-right:auto;padding:14px 32px;border-radius:15px;border:1px solid rgba(251,251,251,.35);color:#fbfbfb;font-size:14px;font-weight:500;line-height:1.28;letter-spacing:-.02em;background-color:inherit;transition:border .25s linear,background-color .25s linear,color .25s linear}.yaht-rental-link:active{border:none;background-color:#fbfbfb;color:#1b414b}@media screen and (max-width: 767px){.our-yahts-card:nth-child(2){display:none}}@media screen and (max-width: 1279px){.our-yahts-card:nth-child(3){display:none}}@media screen and (min-width: 768px){.our-yachts-section-title{font-size:48px;max-width:645px;margin-bottom:75px}.our-yahts-list{display:flex;align-items:center;gap:32px}.our-yahts-card{width:calc((100% - 32px)/2)}.yacht-name{font-size:16px}.yacht-title{gap:112px}.benetti-card{gap:22px}.benetti-card-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:147px}.yacht-class{font-size:13px}.yacht-params{gap:6px 116px}.benetti-params{gap:6px 104px}.yaht-rental-link{width:179px;height:52px;margin-top:50px;padding:16px 40px;font-size:18px;line-height:1.1;letter-spacing:-.02em;background-color:inherit}.yaht-rental-link:focus{border:none;background-color:#fbfbfb;color:#1b414b}.yaht-rental-link{position:relative;appearance:none;outline:none;overflow:hidden;.span-btn-ouryachts {color: #FBFBFB; font-size: 14px; font-style: normal; font-weight: 500; line-height: 1.29; letter-spacing: -.02em; position: relative; pointer-events: none; transition: color .3s ease; z-index: 2;} &::before { --size: 0; content: ""; position: absolute; left: var(--x); top: var(--y); width: var(--size); height: var(--size); background: radial-gradient(circle closest-side, rgba(251, 251, 251, 1), transparent); transform: translate(-50%, -50%); transition: width .2s ease, height .2s ease; z-index: 1; } &:hover .span-btn-ouryachts {color: rgba(27,65,75,1);} &:hover::before { --size: 350px; }}.our-yahts-card{transition:transform .3s ease-in-out}.our-yahts-card:nth-child(1):hover{transform:scale(1.1)}.our-yahts-card:nth-child(2):hover{transform:scale(1.1)}.our-yahts-card:nth-child(3):hover{transform:scale(1.1)}.our-yahts-list:hover .our-yahts-card:not(:hover){transform:scale(.9)}}@media screen and (min-width: 1280px){.our-yachts-section-title{max-width:714px}.yacht-title,.yacht-params{gap:153px}.benetti-card{gap:33px}.benetti-card-overflow{width:177px}.our-yahts-list{gap:25px}.our-yahts-card{width:calc((100% - 50px) / 3)}.belle-anna-title{gap:118px}.belle-anna-params{gap:145px}}@media screen and (min-width: 1400px){.our-yahts-list{gap:32px}.our-yahts-card{width:calc((100% - 64px) / 3)}.yacht-title{gap:168px}.benetti-card{gap:48px}.belle-anna-title{gap:133px}.yacht-params{gap:172px}.benetti-params,.belle-anna-params{gap:160px}}.advantages-list{background-color:#1b414b;border-radius:24px;list-style-type:none;display:flex;margin-top:0}.advantages-number{color:#fbfbfb;font-weight:500;line-height:1;letter-spacing:-.05em;word-wrap:break-word;padding-bottom:18px}.advantages-descreption{color:#fbfbfb;font-weight:400;line-height:1.7;letter-spacing:-.02em;font-family:Inter;word-wrap:break-word;padding-top:18px}.current{position:relative;transition:color .25s cubic-bezier(.4,0,.2,1)}.current:after{content:"";position:absolute;left:0;bottom:-1px;display:block;height:2px;border-radius:18px;background-color:#fbfbfb1a;width:100%}.advatages-image{border-radius:18px}@media screen and (min-width: 320px) and (max-width: 767px){.advantages-list{flex-direction:column;padding:80px 20px;row-gap:40px;margin-bottom:20px}.advatages-list-item{max-width:295px}.advantages-number{font-size:28px}.advantages-descreption{font-size:12px}}@media screen and (min-width: 768px){.advantages-list{flex-direction:row;flex-wrap:wrap;padding:90px 32px;gap:44px 32px}.advantages-number{font-size:32px}.advantages-descreption{font-size:13px}}@media screen and (min-width: 768px) and (max-width: 1279px){.advatages-list-item{width:304px;height:100px}.advantages-list{margin-bottom:32px}}@media screen and (min-width: 1280px){.advantages-list{max-width:716px;padding-left:50px;padding-right:50px}.advantages-container{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:32px}.advatages-list-item{width:292px;height:100px}}@media screen and (min-width: 1440px){.advantages-list{max-width:768px}.advatages-list-item{width:318px}}.rent-yacht-title{color:#fbfbfb;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.02px;margin-bottom:40px}input::placeholder,textarea::placeholder{font-size:12px;font-weight:400;line-height:1.16;color:#fbfbfb66}.rent-yacht-form{max-width:335px;margin:0 auto}.rent-yacht-form-input{color:#fbfbfb;font-size:14px;font-weight:400;line-height:1.28;display:block;width:100%;height:40px;border-radius:12px;border:1px solid rgba(251,251,251,.2);background-color:transparent;padding:14px 18px;margin-bottom:18px;transition:border-color .25s cubic-bezier(.4,0,.2,1);outline:0px solid transparent}.rent-yacht-form-input:focus-within{border-color:#fbfbfb80}.rent-yacht-form-comment{width:100%;height:108px;color:#fbfbfb;font-size:14px;font-weight:400;line-height:1.28;border-radius:12px;border:1px solid rgba(251,251,251,.2);background-color:transparent;padding:18px 14px;resize:none;outline:0px solid transparent;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.rent-yacht-form-comment:focus-within{border-color:#fbfbfb80}.rent-yacht-form-submit-btn{min-width:122px;padding:14px 44px;border-radius:15px;background:#1b414b;font-size:14px;font-weight:500;line-height:1.28;letter-spacing:-.02em;border:none;color:#fbfbfb;margin-top:40px;margin-bottom:80px;display:block;text-align:center;transition:background-color .25s linear,color .25s linear}.rent-yacht-img{width:100%;height:412px;border-radius:24px}.rent-yacht-form-submit-btn:active{background-color:#fbfbfb;color:#1b414b}@media screen and (min-width: 768px){.rent-yacht-container{display:flex;flex-direction:column;align-items:flex-start}.rent-yacht-form{max-width:472px}.rent-yacht-title{font-size:48px;margin-bottom:50px}.rent-yacht-form-input{font-size:14px;line-height:1.29;padding-top:18px;padding-bottom:18px;height:54px;width:472px}.rent-yacht-form-comment{font-size:14px;line-height:1.29;padding-top:18px;padding-bottom:18px;width:472px}.rent-yacht-form-submit-btn{min-width:194px;padding:18px 75px;font-size:18px;line-height:1.1;margin-top:50px;margin-bottom:100px}.rent-yacht-form-submit-btn:hover,.rent-yacht-form-submit-btn:focus{background-color:#fbfbfb;color:#1b414b}.rent-yacht-img{height:534px}}@media screen and (min-width: 768px) and (max-width: 1279px){.rent-yacht-title{margin-left:116px}}@media screen and (min-width: 1280px){.rent-yacht-section-container{display:flex;flex-direction:row-reverse;justify-content:flex-end}.rent-yacht-container{max-width:472px;margin-left:50px}.rent-yacht-form-submit-btn{margin-bottom:0}}.reviews-title{text-align:center;margin-bottom:25px}.reviews-text{color:#fbfbfb;text-align:center;font-size:12px;font-weight:400;line-height:1.16;letter-spacing:-.02em;opacity:.4;margin-bottom:40px;margin-left:auto;margin-right:auto}.reviews-list-item{padding:32px 8px;border-radius:24px;background:#FBFBFB}.reviews-list-avatar{margin:0 auto 24px}.reviews-list-fullname{text-align:center;font-size:18px;font-weight:500;line-height:1.1;letter-spacing:-.02em;color:#040306;margin-bottom:8px}.reviews-list-text{color:#04030666;text-align:center;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-.02em;max-width:303px;margin-left:auto;margin-right:auto}@media screen and (min-width: 320px) and (max-width: 767px){.reviews-list-item-second{display:none}}@media screen and (min-width: 320px) and (max-width: 1280px){.reviews-list-item-third{display:none}}@media screen and (min-width: 768px){.reviews-container{padding-left:32px;padding-right:32px}.reviews-title{font-size:48px}.reviews-text{max-width:571px;font-size:14px;line-height:1.28;margin-bottom:75px}.reviews-list{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}.reviews-list-item{width:calc((100% - 32px)/2)}.reviews-list-text{max-width:296px}}@media screen and (min-width: 1280px){.reviews-container{padding-left:50px;padding-right:50px}.reviews-title{max-width:854px;margin-right:auto;margin-left:auto}.reviews-list{gap:26px}.reviews-list-item{width:calc((100% - 52px) / 3);padding:32px 28px;max-width:320px}.reviews-list-text{max-width:293px}}@media screen and (min-width: 1440px){.reviews-container{padding-left:100px;padding-right:100px}.reviews-list{gap:32px}.reviews-list-item{width:calc((100% - 64px) / 3);padding:32px 36px}}.footer-page{border-radius:24px 24px 0 0;background:#1b414b;margin-left:10px;margin-right:10px}.footer-container{padding:40px 30px 20px;display:flex;flex-direction:column;align-items:center}.footer-up-container{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:80px}.footer-logo{color:#fbfbfb;font-size:14px;font-weight:500;line-height:1.71;letter-spacing:-.03em}.footer-nav{max-width:206px;display:flex;column-gap:4px}.footer-menu{display:flex;gap:4px}.footer-item{border-radius:8px;background-color:#fbfbfb4d;width:66px;height:40px;display:flex;justify-content:center;align-items:center;transition:background-color .25s linear}.footer-link{color:#fbfbfb;font-size:9px;font-weight:400;line-height:1.3;text-transform:uppercase;padding:15px 12px;transition:color .25s linear}.footer-social{margin-left:auto;margin-right:auto}.footer-social-list{max-width:88px;display:flex;gap:8px}.footer-social-item-icon{display:flex;width:24px;height:24px;background-color:transparent;border-radius:50%;justify-content:center;align-items:center}.footer-social-icon{fill:#fbfbfb;transition:fill-opacity .25s linear}.footer-social-item-icon:active .footer-social-icon{fill-opacity:.8}.footer-title{margin:40px auto 82px;max-width:279px;color:#fbfbfb;text-align:center;font-size:18px;font-weight:400;line-height:1;letter-spacing:-.02em}.copyright-info{display:flex;justify-content:center;gap:20px}.footer-copyright,.footer-copyright-link{color:#fbfbfb66;text-align:center;font-size:12px;font-weight:400;line-height:1.17;letter-spacing:-.03em;flex-shrink:1}.footer-item:active{background-color:#fbfbfb}.footer-item:active .footer-link{color:#1b414b}@media screen and (max-width: 340px){.footer-container{padding-left:10px;padding-right:10px}}@media screen and (min-width: 768px){.footer-page{margin-right:16px;margin-left:16px}.footer-container{padding-top:50px;padding-left:48px;padding-right:48px}.footer-nav{max-width:281px}.footer-logo{font-size:20px;font-weight:500;line-height:normal;letter-spacing:-.03em;margin-right:106px}.footer-item{width:91px;height:40px}.footer-title{margin:96px auto 99px;font-size:32px;max-width:640px}.footer-social{margin-left:91px;margin-right:0}.copyright-info{gap:32px}.footer-link{padding-right:25px;padding-left:24px}.footer-item:hover,.footer-item:focus{background-color:#fbfbfb;color:#1b414b}.footer-item:hover .footer-link,.footer-item:focus .footer-link{color:#1b414b}.footer-social-item-icon:hover .footer-social-icon,.footer-social-item-icon:focus .footer-social-icon{fill-opacity:.8}}@media screen and (min-width: 1280px){.footer-page{margin-left:25px;margin-right:25px}.footer-container{padding-left:75px;padding-right:75px}.footer-logo{margin-right:326px}.footer-social{margin-left:311px}.footer-title{max-width:693px}}@media screen and (min-width: 1440px){.footer-logo{margin-right:409px}.footer-social{margin-left:388px}.footer-title{max-width:699px}}@media screen and (max-width: 767px){.mob-menu-thumb{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background:#0e1823;opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.mob-menu-thumb.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.mobil-menu-container{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:259px 20px 40px}.mob-nav-menu-top{position:absolute;top:16px;left:20px;right:20px;background-color:#fbfbfb;border-radius:8px;border:1px solid #fbfbfb;display:flex;justify-content:space-between;align-items:center;padding:7px 20px;flex-shrink:1}.mob-logo{color:#1b414b;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.03em}.mob-menu-close-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;line-height:0;padding:0;fill:#055545}.mob-menu-navigation-list{display:flex;flex-direction:column;align-items:center;gap:4px}.mob-menu-navigation-link{display:inline-block;text-align:center;color:#fbfbfb;text-transform:uppercase;line-height:1.3;font-family:Inter;font-size:9px;font-style:normal;font-weight:400;background-color:#1b414b;padding:20px 25px 20px 24px;border-radius:8px;width:91px;transition:background-color .25s linear,color .25s linear}.dark{background-color:#1b414b80}.mob-menu-social-list{display:flex;justify-content:center;align-items:center;gap:8px}.mob-menu-social-item{width:24px;height:24px}.mob-menu-social-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;fill:#fbfbfb}.mob-menu-navigation-link:active{background-color:#fbfbfb;color:#1b414b}.mob-menu-social-link:active{fill:#fbfbfbcc}}@media screen and (min-width: 768px){.mob-menu-thumb{display:none}}.slider{display:none}.slider-item{height:282px;border-radius:24px;background:#FBFBFB;flex-shrink:1;padding:32px 8px;margin-right:2px;margin-left:2px}.reviews-form-label-file{display:block;width:100%}.review-form-text{text-align:center;font-size:18px;font-weight:500;line-height:1.1;letter-spacing:-.02em;color:#040306;margin-bottom:12px}.reviews-list-item-form{padding:16px 8px;border-radius:24px;background:#FBFBFB;height:282px}.reviews-form-file{z-index:2;margin-bottom:8px;width:56px;height:56px;margin-left:130px;display:inline-block;border:1px solid #1B414B}.reviews-form-label-file{display:flex;justify-content:center;align-items:center;color:#04030666;text-align:center;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-.02em;display:inline-block;cursor:pointer}.reviews-form-input{padding:10px;margin-bottom:8px;color:#04030666;font-size:12px;font-weight:400;line-height:1.16;letter-spacing:-.02em;border-radius:12px;border:1px solid #1B414B;width:100%;height:36px}.input-file-btn{border-radius:50%;width:58px;height:58px;border:1px solid #1B414B;display:block;margin-left:auto;margin-right:auto;font-size:11px;font-weight:400;line-height:1;padding-top:16px;color:#04030666;margin-bottom:20px}.reviews-form-textarea{padding:10px;color:#04030666;font-size:12px;font-weight:400;line-height:1.16;letter-spacing:-.02em;border-radius:12px;border:1px solid #1B414B;width:100%;height:80px;resize:none;position:relative}.reviews-form-textarea::placeholder,.reviews-form-input::placeholder{font-size:11px;font-weight:400;line-height:1;padding:10px;color:#04030666}.reviews-form-btn{border:none;background-color:transparent;width:30px;height:30px;padding:0;line-height:0;position:absolute;bottom:20px;right:20px}.reviews-form-icon-send{fill:#1b414b}.chat-button{position:fixed;right:20px;bottom:20px;display:inline-block;width:54px;height:54px;margin:0;padding:0;border-radius:50%;border:2px solid #fbfbfb;background-color:#1b414b;color:#fbfbfb;text-align:center;font-size:16px;font-weight:500;line-height:1;letter-spacing:-.02em}.modal-help-page-backdrop{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background-color:#5e6363b3;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s linear,visibility .25s linear}.modal-help-page-backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-help-page-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0e1823;padding:80px 20px;width:335px;min-height:732px;transition:transform .25s linear;box-sizing:border-box;border-radius:24px}.modal-help-close-btn{position:absolute;top:20px;right:20px;display:flex;justify-content:center;align-items:center;border:none;width:28px;height:28px;padding:0;line-height:0;background-color:transparent;border-radius:5px;transition:background-color .25s linear}.modal-help-close-icon{fill:#fbfbfb;transition:fill .25s linear}.modal-help-close-btn:active{background-color:#1b414b}.modal-help-page-title{margin-bottom:40px;color:#fbfbfb;text-align:center;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.02em}.modal-help-form-item-container{margin-bottom:18px;display:block}.modal-help-form-input{width:100%;height:42px;flex-shrink:0;border-top:none;border-left:none;border-right:none;border-bottom:1px solid rgba(251,251,251,.2);background-color:transparent;color:#fbfbfb;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.02em;padding:14px 18px;outline:0px solid transparent;transition:border-color .25s linear;box-sizing:border-box}.modal-help-form-input::placeholder{color:#fbfbfb66;font-weight:400;line-height:1.4;letter-spacing:-.02em}.modal-help-form-input:focus-within{border-color:#fbfbfb}.modal-help-form-input:focus{border-color:#fbfbfb}.modal-help-form-input:hover{border-color:#fbfbfb}.modal-help-form-comment{width:100%;min-height:108px;border:1px solid rgba(251,251,251,.2);border-top:none;border-left:none;border-right:none;border-bottom:1px solid rgba(251,251,251,.2);background-color:transparent;color:#fbfbfb;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.02em;padding:14px 18px;outline:0px solid transparent;transition:border-color .25s linear;box-sizing:border-box;resize:none;margin-bottom:40px}.modal-help-form-comment:focus-within{border-color:#fbfbfb}.modal-help-form-comment:focus{border-color:#fbfbfb}.modal-help-form-comment:hover{border-color:#fbfbfb}.modal-help-form-comment::placeholder{color:#fbfbfb66;font-weight:400;line-height:1.4;letter-spacing:-.02em}.modal-help-form-button{border-radius:15px;background-color:#1b414b;padding:14px 44px;color:#fbfbfb;font-size:14px;font-weight:500;line-height:1.28;letter-spacing:-.02em;transition:background-color .25s linear,color .25s linear;display:block;margin-left:auto;margin-right:auto;border:none}.modal-help-form-button:active{background-color:#fbfbfb;color:#1b414b}@media screen and (min-width: 768px){.modal-help-page-content{width:458px}.modal-close-btn{top:32px;right:32px}.modal-help-close-btn:hover,.modal-help-close-btn:focus{background-color:#1b414b}.modal-help-form-input{height:54px;padding:18px}.modal-help-form-comment{min-height:116px;padding:18px}.last{margin-bottom:50px}.modal-help-form-button{padding:18px 75px;font-size:18px}.modal-help-form-button:hover,.modal-help-form-button:focus{background-color:#fbfbfb;color:#1b414b}.chat-button{font-size:20px;right:30px;bottom:30px;width:64px;height:64px}}@media screen and (min-width: 1280px){.chat-button{font-size:24px;right:50px;bottom:50px;width:74px;height:74px}} diff --git a/assets/index-bb05afea.css b/assets/index-bb05afea.css new file mode 100644 index 0000000..355d904 --- /dev/null +++ b/assets/index-bb05afea.css @@ -0,0 +1 @@ +body{font-family:Inter,sans-serif;background-color:#0e1823}input,textarea,button{font-family:inherit}.section-title{color:#fbfbfb;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.02em}.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}.container{margin-left:auto;margin-right:auto}@media screen and (min-width: 320px) and (max-width: 767px){.container{max-width:375px;padding-left:20px;padding-right:20px}.section{padding-bottom:80px}}@media screen and (min-width: 768px){.section{padding-bottom:150px}}@media screen and (min-width: 768px) and (max-width: 1279px){.container{max-width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width: 1280px){.container{padding-left:50px;padding-right:50px}}@media screen and (min-width: 1280px) and (max-width: 1439px){.container{max-width:1280px}}@media screen and (min-width: 1440px){.container{max-width:1440px}}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;font-style:normal}button{cursor:pointer}img{display:block;max-width:100%;height:auto}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#242424;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.page-header{position:absolute;width:100%;top:20px;padding-left:20px;padding-right:20px}.container-header{padding-left:20px;padding-right:20px;height:42px;display:flex;justify-content:space-between;align-items:center;border-radius:8px;border:1px solid #fbfbfb;background:#fbfbfb}.mobile-menu-open-btn-header{stroke:#1b414b;border:none;background-color:transparent;padding:0;line-height:0}.navbar-brand{color:#1b414b;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.03em}.navbar-menu-btn{color:#fbfbfb;text-align:center;font-family:Inter;font-size:9px;font-weight:400;line-height:1.3;text-transform:uppercase;width:91px;height:40px;flex-shrink:0;border-radius:8px;background:#1b414b80;padding:15px 25px 15px 24px;transition:background-color .25s linear}@media screen and (min-width: 320px) and (max-width: 767px){.navbar-menu,.header-social-list{display:none}}@media screen and (min-width: 768px){.page-header{max-width:100%;top:32px;padding-left:32px;padding-right:32px}.mobile-menu-open-btn-header{display:none}.container-header{height:48px}.navbar-menu{display:flex;align-items:center;column-gap:4px}.header-social-list{display:flex;column-gap:8px}.header-social-list-icon{fill:#1b414b}.navbar-brand{font-size:20px}.navbar-menu-btn:hover,.navbar-menu-btn:focus{background-color:#1b414b}.header-social-list-icon{transition:fill .25s linear}.header-social-list-icon:hover,.header-social-list-icon:focus{fill:#062730}}@media screen and (min-width: 1280px){.page-header{padding-right:100px;padding-left:100px}}.background-picture{width:100%}.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-mobil-086514ca.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:100% 812px}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-mobil@2-197c7d1b.jpg)}}.hero{margin-left:auto;margin-right:auto;padding:260px 20px 243px;background-color:transparent}.hero-title{color:#fbfbfb;text-align:center;font-size:32px;font-weight:500;line-height:1;letter-spacing:-.02em;margin-left:auto;margin-right:auto;margin-bottom:24px;max-width:335px}.capitalize{text-transform:capitalize}.hero-paragraph{color:#fbfbfbb3;text-align:center;font-size:12px;font-weight:300;line-height:1.17;margin-left:auto;margin-right:auto;margin-bottom:38px;max-width:335px}.hero-btn{width:141px;border-radius:15px;background-color:#1b414b;border:none;padding:14px 32px;color:#fbfbfb;font-size:14px;font-style:normal;font-weight:500;line-height:1.29;letter-spacing:-.02em;margin:0 auto;display:block;transition:background-color .25s linear,color .25s linear}.hero-btn:active{background-color:#fbfbfb;color:#1b414b}@media screen and (min-width: 768px){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-tablet-1fceba40.jpg);background-size:100% 962px}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-tablet@2-7b361e6b.jpg)}}.hero{padding:280px 32px 215px;margin-bottom:24px}.hero-title{font-size:70px;max-width:704px}.hero-paragraph{font-size:16px;line-height:1.4;max-width:597px;margin-bottom:48px}.hero-btn{padding:16px 40px;font-size:18px;line-height:1.1;width:179px}.hero-btn:focus{background-color:#fbfbfb;color:#1b414b}.hero-btn:hover,.hero-btn:focus{background-color:#fbfbfb;color:#1b414b}}@media screen and (min-width: 1280px){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-desktop-eac2cb79.jpg);background-size:100% 800px}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-desktop@2-d8ba8f1f.jpg)}}.hero{padding:235px 50px 180px}.hero-title{font-size:80px;max-width:1001px}}@media screen and (min-width: 1440px){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-desktop1440-f4997b6c.jpg)}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.background-picture{background-image:linear-gradient(359deg,rgba(17,19,31,.8) 42.62%,rgba(17,19,31,.31) 84.12%,rgba(17,19,31,0) 99.94%),url(/best-project-group-2/assets/background-hero-desktop1440@2-d60e54cd.jpg)}}}.about-us-section{margin-left:auto;margin-right:auto}.box-about-us{border-radius:24px;background:#fbfbfb}.about-us-wrapper{display:flex;flex-direction:column;gap:40px;align-items:flex-start;max-width:335px;padding:40px 20px}.about-us-title{color:#1b414b;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.02em}.about-us-caption-and-text-wrapper{max-width:295px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:40px}.about-us-caption{color:#1b414b;font-size:18px;font-weight:400;line-height:1;letter-spacing:-.02em}.about-us-text{color:#040306;font-size:12px;font-weight:400;line-height:1.17;letter-spacing:-.02em;opacity:.4}.tumb-picture{width:100%;border-radius:24px;overflow:hidden;display:block}.about-us-picture{max-width:100%;border-radius:24px;overflow:hidden;display:block}@media screen and (min-width: 768px){.about-us-wrapper{gap:50px;max-width:704px;padding:50px 32px}.about-us-title{max-width:536px;font-size:48px}.about-us-caption-and-text-wrapper{max-width:389px}.about-us-caption{color:#1b414b;font-size:23px}.about-us-text{font-size:13px;line-height:1.15}}@media screen and (min-width: 1280px){.about-us-wrapper{flex-direction:row;justify-content:space-between;max-width:1180px;padding-left:50px;padding-right:50px;padding-bottom:100px}.about-us-title{max-width:537px}.about-us-caption-and-text-wrapper{max-width:354px}}@media screen and (min-width: 1440px){.about-us-wrapper{max-width:1340px}.about-us-caption-and-text-wrapper{max-width:404px}}.benetti-oasis-card,.belle-anna-card{display:none}.our-yachts-section-title{color:#fbfbfb;text-align:center;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.02em;margin-left:auto;margin-right:auto;margin-bottom:40px;max-width:319px}.our-yahts-list{display:flex;justify-content:center;align-items:center;width:100%}.our-yahts-card{display:flex;flex-direction:column;align-items:center;row-gap:32px;padding:16px 16px 32px;background-color:#fbfbfb;border-radius:24px;border:none;margin-left:auto;margin-right:auto}.yacht-title{display:inline-flex;align-items:center;gap:125px;position:relative}.yacht-title:after{color:#0403061a;background-color:#0403061a;content:"";width:100%;position:absolute;bottom:-16px;height:1px}.yacht-name{color:#1b414b;font-size:14px;font-weight:500;line-height:1.18;letter-spacing:-.05em;text-transform:uppercase}.yacht-class{color:#040306;font-size:12px;line-height:1.17;letter-spacing:.03em;font-weight:400;opacity:.4;text-align:end;text-transform:uppercase}.yacht-params{display:flex;justify-content:flex-start;gap:114px;flex-shrink:1;flex-grow:0}.yacht-params-names{display:flex;flex-direction:column;gap:6px;text-transform:uppercase;opacity:.4}.yaht-parameter-name{font-size:14px;font-weight:400;line-height:1.18;letter-spacing:.03em}.yaht-params-values{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.yaht-parameter-value{font-size:14px;font-weight:400;line-height:1.18;letter-spacing:.03em}.yaht-rental-link{white-space:nowrap;width:141px;height:46px;margin-top:40px;display:block;margin-left:auto;margin-right:auto;padding:14px 32px;border-radius:15px;border:1px solid rgba(251,251,251,.35);color:#fbfbfb;font-size:14px;font-weight:500;line-height:1.28;letter-spacing:-.02em;background-color:inherit;transition:border .25s linear,background-color .25s linear,color .25s linear}.yaht-rental-link:active{border:none;background-color:#fbfbfb;color:#1b414b}@media screen and (max-width: 767px){.our-yahts-card:nth-child(2){display:none}}@media screen and (max-width: 1279px){.our-yahts-card:nth-child(3){display:none}}@media screen and (min-width: 768px){.our-yachts-section-title{font-size:48px;max-width:645px;margin-bottom:75px}.our-yahts-list{display:flex;align-items:center;gap:32px}.our-yahts-card{width:calc((100% - 32px)/2)}.yacht-name{font-size:16px}.yacht-title{gap:112px}.benetti-card{gap:22px}.benetti-card-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:147px}.yacht-class{font-size:13px}.yacht-params{gap:6px 116px}.benetti-params{gap:6px 104px}.yaht-rental-link{width:179px;height:52px;margin-top:50px;padding:16px 40px;font-size:18px;line-height:1.1;letter-spacing:-.02em;background-color:inherit;text-align:center}.yaht-rental-link:focus{border:none;background-color:#fbfbfb;color:#1b414b}.yaht-rental-link{position:relative;appearance:none;outline:none;overflow:hidden;.span-btn-ouryachts {text-align: center; color: #FBFBFB; font-size: 18px; font-weight: 500; line-height: 1.1; letter-spacing: -.02em; position: relative; pointer-events: none; transition: color .3s ease; z-index: 2;} &::before { --size: 0; content: ""; position: absolute; left: var(--x); top: var(--y); width: var(--size); height: var(--size); background: radial-gradient(circle closest-side, rgba(251, 251, 251, 1), transparent); transform: translate(-50%, -50%); transition: width .2s ease, height .2s ease; z-index: 1; } &:hover .span-btn-ouryachts {color: rgba(27,65,75,1);} &:hover::before { --size: 350px; }}.our-yahts-card{transition:transform .3s ease-in-out}.our-yahts-card:nth-child(1):hover{transform:scale(1.1)}.our-yahts-card:nth-child(2):hover{transform:scale(1.1)}.our-yahts-card:nth-child(3):hover{transform:scale(1.1)}.our-yahts-list:hover .our-yahts-card:not(:hover){transform:scale(.9)}}@media screen and (min-width: 1280px){.our-yachts-section-title{max-width:714px}.yacht-title,.yacht-params{gap:153px}.benetti-card{gap:33px}.benetti-card-overflow{width:177px}.our-yahts-list{gap:25px}.our-yahts-card{width:calc((100% - 50px) / 3)}.belle-anna-title{gap:118px}.belle-anna-params{gap:145px}}@media screen and (min-width: 1400px){.our-yahts-list{gap:32px}.our-yahts-card{width:calc((100% - 64px) / 3)}.yacht-title{gap:168px}.benetti-card{gap:48px}.belle-anna-title{gap:133px}.yacht-params{gap:172px}.benetti-params,.belle-anna-params{gap:160px}}.advantages-list{background-color:#1b414b;border-radius:24px;list-style-type:none;display:flex;margin-top:0}.advantages-number{color:#fbfbfb;font-weight:500;line-height:1;letter-spacing:-.05em;word-wrap:break-word;padding-bottom:18px}.advantages-descreption{color:#fbfbfb;font-weight:400;line-height:1.7;letter-spacing:-.02em;font-family:Inter;word-wrap:break-word;padding-top:18px}.current{position:relative;transition:color .25s cubic-bezier(.4,0,.2,1)}.current:after{content:"";position:absolute;left:0;bottom:-1px;display:block;height:2px;border-radius:18px;background-color:#fbfbfb1a;width:100%}.advatages-image{border-radius:18px}@media screen and (min-width: 320px) and (max-width: 767px){.advantages-list{flex-direction:column;padding:80px 20px;row-gap:40px;margin-bottom:20px}.advatages-list-item{max-width:295px}.advantages-number{font-size:28px}.advantages-descreption{font-size:12px}}@media screen and (min-width: 768px){.advantages-list{flex-direction:row;flex-wrap:wrap;padding:90px 32px;gap:44px 32px}.advantages-number{font-size:32px}.advantages-descreption{font-size:13px}}@media screen and (min-width: 768px) and (max-width: 1279px){.advatages-list-item{width:304px;height:100px}.advantages-list{margin-bottom:32px}}@media screen and (min-width: 1280px){.advantages-list{max-width:716px;padding-left:50px;padding-right:50px}.advantages-container{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:32px}.advatages-list-item{width:292px;height:100px}}@media screen and (min-width: 1440px){.advantages-list{max-width:768px}.advatages-list-item{width:318px}}.rent-yacht-title{color:#fbfbfb;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.02px;margin-bottom:40px}input::placeholder,textarea::placeholder{font-size:12px;font-weight:400;line-height:1.16;color:#fbfbfb66}.rent-yacht-form{max-width:335px;margin:0 auto}.rent-yacht-form-input{color:#fbfbfb;font-size:14px;font-weight:400;line-height:1.28;display:block;width:100%;height:40px;border-radius:12px;border:1px solid rgba(251,251,251,.2);background-color:transparent;padding:14px 18px;margin-bottom:18px;transition:border-color .25s cubic-bezier(.4,0,.2,1);outline:0px solid transparent}.rent-yacht-form-input:focus-within{border-color:#fbfbfb80}.rent-yacht-form-comment{width:100%;height:108px;color:#fbfbfb;font-size:14px;font-weight:400;line-height:1.28;border-radius:12px;border:1px solid rgba(251,251,251,.2);background-color:transparent;padding:18px 14px;resize:none;outline:0px solid transparent;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.rent-yacht-form-comment:focus-within{border-color:#fbfbfb80}.rent-yacht-form-submit-btn{min-width:122px;padding:14px 44px;border-radius:15px;background:#1b414b;font-size:14px;font-weight:500;line-height:1.28;letter-spacing:-.02em;border:none;color:#fbfbfb;margin-top:40px;margin-bottom:80px;display:block;text-align:center;transition:background-color .25s linear,color .25s linear}.rent-yacht-img{width:100%;height:412px;border-radius:24px}.rent-yacht-form-submit-btn:active{background-color:#fbfbfb;color:#1b414b}@media screen and (min-width: 768px){.rent-yacht-container{display:flex;flex-direction:column;align-items:flex-start}.rent-yacht-form{max-width:472px}.rent-yacht-title{font-size:48px;margin-bottom:50px}.rent-yacht-form-input{font-size:14px;line-height:1.29;padding-top:18px;padding-bottom:18px;height:54px;width:472px}.rent-yacht-form-comment{font-size:14px;line-height:1.29;padding-top:18px;padding-bottom:18px;width:472px}.rent-yacht-form-submit-btn{min-width:194px;padding:18px 75px;font-size:18px;line-height:1.1;margin-top:50px;margin-bottom:100px}.rent-yacht-form-submit-btn:hover,.rent-yacht-form-submit-btn:focus{background-color:#fbfbfb;color:#1b414b}.rent-yacht-img{height:534px}}@media screen and (min-width: 768px) and (max-width: 1279px){.rent-yacht-title{margin-left:116px}}@media screen and (min-width: 1280px){.rent-yacht-section-container{display:flex;flex-direction:row-reverse;justify-content:flex-end}.rent-yacht-container{max-width:472px;margin-left:50px}.rent-yacht-form-submit-btn{margin-bottom:0}}.reviews-title{text-align:center;margin-bottom:25px}.reviews-text{color:#fbfbfb;text-align:center;font-size:12px;font-weight:400;line-height:1.16;letter-spacing:-.02em;opacity:.4;margin-bottom:40px;margin-left:auto;margin-right:auto}.reviews-list-item{padding:32px 8px;border-radius:24px;background:#FBFBFB}.reviews-list-avatar{margin:0 auto 24px}.reviews-list-fullname{text-align:center;font-size:18px;font-weight:500;line-height:1.1;letter-spacing:-.02em;color:#040306;margin-bottom:8px}.reviews-list-text{color:#04030666;text-align:center;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-.02em;max-width:303px;margin-left:auto;margin-right:auto}@media screen and (min-width: 320px) and (max-width: 767px){.reviews-list-item-second{display:none}}@media screen and (min-width: 320px) and (max-width: 1280px){.reviews-list-item-third{display:none}}@media screen and (min-width: 768px){.reviews-container{padding-left:32px;padding-right:32px}.reviews-title{font-size:48px}.reviews-text{max-width:571px;font-size:14px;line-height:1.28;margin-bottom:75px}.reviews-list{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}.reviews-list-item{width:calc((100% - 32px)/2)}.reviews-list-text{max-width:296px}}@media screen and (min-width: 1280px){.reviews-container{padding-left:50px;padding-right:50px}.reviews-title{max-width:854px;margin-right:auto;margin-left:auto}.reviews-list{gap:26px}.reviews-list-item{width:calc((100% - 52px) / 3);padding:32px 28px;max-width:320px}.reviews-list-text{max-width:293px}}@media screen and (min-width: 1440px){.reviews-container{padding-left:100px;padding-right:100px}.reviews-list{gap:32px}.reviews-list-item{width:calc((100% - 64px) / 3);padding:32px 36px}}.footer-page{border-radius:24px 24px 0 0;background:#1b414b;margin-left:10px;margin-right:10px}.footer-container{padding:40px 30px 20px;display:flex;flex-direction:column;align-items:center}.footer-up-container{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:80px}.footer-logo{color:#fbfbfb;font-size:14px;font-weight:500;line-height:1.71;letter-spacing:-.03em}.footer-nav{max-width:206px;display:flex;column-gap:4px}.footer-menu{display:flex;gap:4px}.footer-item{border-radius:8px;background-color:#fbfbfb4d;width:66px;height:40px;display:flex;justify-content:center;align-items:center;transition:background-color .25s linear}.footer-link{color:#fbfbfb;font-size:9px;font-weight:400;line-height:1.3;text-transform:uppercase;padding:15px 12px;transition:color .25s linear}.footer-social{margin-left:auto;margin-right:auto}.footer-social-list{max-width:88px;display:flex;gap:8px}.footer-social-item-icon{display:flex;width:24px;height:24px;background-color:transparent;border-radius:50%;justify-content:center;align-items:center}.footer-social-icon{fill:#fbfbfb;transition:fill-opacity .25s linear}.footer-social-item-icon:active .footer-social-icon{fill-opacity:.8}.footer-title{margin:40px auto 82px;max-width:279px;color:#fbfbfb;text-align:center;font-size:18px;font-weight:400;line-height:1;letter-spacing:-.02em}.copyright-info{display:flex;justify-content:center;gap:20px}.footer-copyright,.footer-copyright-link{color:#fbfbfb66;text-align:center;font-size:12px;font-weight:400;line-height:1.17;letter-spacing:-.03em;flex-shrink:1}.footer-item:active{background-color:#fbfbfb}.footer-item:active .footer-link{color:#1b414b}@media screen and (max-width: 340px){.footer-container{padding-left:10px;padding-right:10px}}@media screen and (min-width: 768px){.footer-page{margin-right:16px;margin-left:16px}.footer-container{padding-top:50px;padding-left:48px;padding-right:48px}.footer-nav{max-width:281px}.footer-logo{font-size:20px;font-weight:500;line-height:normal;letter-spacing:-.03em;margin-right:106px}.footer-item{width:91px;height:40px}.footer-title{margin:96px auto 99px;font-size:32px;max-width:640px}.footer-social{margin-left:91px;margin-right:0}.copyright-info{gap:32px}.footer-link{padding-right:25px;padding-left:24px}.footer-item:hover,.footer-item:focus{background-color:#fbfbfb;color:#1b414b}.footer-item:hover .footer-link,.footer-item:focus .footer-link{color:#1b414b}.footer-social-item-icon:hover .footer-social-icon,.footer-social-item-icon:focus .footer-social-icon{fill-opacity:.8}}@media screen and (min-width: 1280px){.footer-page{margin-left:25px;margin-right:25px}.footer-container{padding-left:75px;padding-right:75px}.footer-logo{margin-right:326px}.footer-social{margin-left:311px}.footer-title{max-width:693px}}@media screen and (min-width: 1440px){.footer-logo{margin-right:409px}.footer-social{margin-left:388px}.footer-title{max-width:699px}}@media screen and (max-width: 767px){.mob-menu-thumb{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background:#0e1823;opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.mob-menu-thumb.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.mobil-menu-container{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:259px 20px 40px}.mob-nav-menu-top{position:absolute;top:16px;left:20px;right:20px;background-color:#fbfbfb;border-radius:8px;border:1px solid #fbfbfb;display:flex;justify-content:space-between;align-items:center;padding:7px 20px;flex-shrink:1}.mob-logo{color:#1b414b;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.03em}.mob-menu-close-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;line-height:0;padding:0;fill:#055545}.mob-menu-navigation-list{display:flex;flex-direction:column;align-items:center;gap:4px}.mob-menu-navigation-link{display:inline-block;text-align:center;color:#fbfbfb;text-transform:uppercase;line-height:1.3;font-family:Inter;font-size:9px;font-style:normal;font-weight:400;background-color:#1b414b;padding:20px 25px 20px 24px;border-radius:8px;width:91px;transition:background-color .25s linear,color .25s linear}.dark{background-color:#1b414b80}.mob-menu-social-list{display:flex;justify-content:center;align-items:center;gap:8px}.mob-menu-social-item{width:24px;height:24px}.mob-menu-social-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;fill:#fbfbfb}.mob-menu-navigation-link:active{background-color:#fbfbfb;color:#1b414b}.mob-menu-social-link:active{fill:#fbfbfbcc}}@media screen and (min-width: 768px){.mob-menu-thumb{display:none}}.slider{display:none}.slider-item{height:282px;border-radius:24px;background:#FBFBFB;flex-shrink:1;padding:32px 8px;margin-right:2px;margin-left:2px}.reviews-form-label-file{display:block;width:100%}.review-form-text{text-align:center;font-size:18px;font-weight:500;line-height:1.1;letter-spacing:-.02em;color:#040306;margin-bottom:12px}.reviews-list-item-form{padding:16px 8px;border-radius:24px;background:#FBFBFB;height:282px}.reviews-form-file{z-index:2;margin-bottom:8px;width:56px;height:56px;margin-left:130px;display:inline-block;border:1px solid #1B414B}.reviews-form-label-file{display:flex;justify-content:center;align-items:center;color:#04030666;text-align:center;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-.02em;display:inline-block;cursor:pointer}.reviews-form-input{padding:10px;margin-bottom:8px;color:#04030666;font-size:12px;font-weight:400;line-height:1.16;letter-spacing:-.02em;border-radius:12px;border:1px solid #1B414B;width:100%;height:36px}.input-file-btn{border-radius:50%;width:58px;height:58px;border:1px solid #1B414B;display:block;margin-left:auto;margin-right:auto;font-size:11px;font-weight:400;line-height:1;padding-top:16px;color:#04030666;margin-bottom:20px}.reviews-form-textarea{padding:10px;color:#04030666;font-size:12px;font-weight:400;line-height:1.16;letter-spacing:-.02em;border-radius:12px;border:1px solid #1B414B;width:100%;height:80px;resize:none;position:relative}.reviews-form-textarea::placeholder,.reviews-form-input::placeholder{font-size:11px;font-weight:400;line-height:1;padding:10px;color:#04030666}.reviews-form-btn{border:none;background-color:transparent;width:30px;height:30px;padding:0;line-height:0;position:absolute;bottom:20px;right:20px}.reviews-form-icon-send{fill:#1b414b}.chat-button{position:fixed;right:20px;bottom:20px;display:inline-block;width:54px;height:54px;margin:0;padding:0;border-radius:50%;border:2px solid #fbfbfb;background-color:#1b414b;color:#fbfbfb;text-align:center;font-size:16px;font-weight:500;line-height:1;letter-spacing:-.02em}.modal-help-page-backdrop{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background-color:#5e6363b3;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s linear,visibility .25s linear}.modal-help-page-backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-help-page-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0e1823;padding:80px 20px;width:335px;min-height:732px;transition:transform .25s linear;box-sizing:border-box;border-radius:24px}.modal-help-close-btn{position:absolute;top:20px;right:20px;display:flex;justify-content:center;align-items:center;border:none;width:28px;height:28px;padding:0;line-height:0;background-color:transparent;border-radius:5px;transition:background-color .25s linear}.modal-help-close-icon{fill:#fbfbfb;transition:fill .25s linear}.modal-help-close-btn:active{background-color:#1b414b}.modal-help-page-title{margin-bottom:40px;color:#fbfbfb;text-align:center;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.02em}.modal-help-form-item-container{margin-bottom:18px;display:block}.modal-help-form-input{width:100%;height:42px;flex-shrink:0;border-top:none;border-left:none;border-right:none;border-bottom:1px solid rgba(251,251,251,.2);background-color:transparent;color:#fbfbfb;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.02em;padding:14px 18px;outline:0px solid transparent;transition:border-color .25s linear;box-sizing:border-box}.modal-help-form-input::placeholder{color:#fbfbfb66;font-weight:400;line-height:1.4;letter-spacing:-.02em}.modal-help-form-input:focus-within{border-color:#fbfbfb}.modal-help-form-input:focus{border-color:#fbfbfb}.modal-help-form-input:hover{border-color:#fbfbfb}.modal-help-form-comment{width:100%;min-height:108px;border:1px solid rgba(251,251,251,.2);border-top:none;border-left:none;border-right:none;border-bottom:1px solid rgba(251,251,251,.2);background-color:transparent;color:#fbfbfb;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.02em;padding:14px 18px;outline:0px solid transparent;transition:border-color .25s linear;box-sizing:border-box;resize:none;margin-bottom:40px}.modal-help-form-comment:focus-within{border-color:#fbfbfb}.modal-help-form-comment:focus{border-color:#fbfbfb}.modal-help-form-comment:hover{border-color:#fbfbfb}.modal-help-form-comment::placeholder{color:#fbfbfb66;font-weight:400;line-height:1.4;letter-spacing:-.02em}.modal-help-form-button{border-radius:15px;background-color:#1b414b;padding:14px 44px;color:#fbfbfb;font-size:14px;font-weight:500;line-height:1.28;letter-spacing:-.02em;transition:background-color .25s linear,color .25s linear;display:block;margin-left:auto;margin-right:auto;border:none}.modal-help-form-button:active{background-color:#fbfbfb;color:#1b414b}@media screen and (min-width: 768px){.modal-help-page-content{width:458px}.modal-close-btn{top:32px;right:32px}.modal-help-close-btn:hover,.modal-help-close-btn:focus{background-color:#1b414b}.modal-help-form-input{height:54px;padding:18px}.modal-help-form-comment{min-height:116px;padding:18px}.last{margin-bottom:50px}.modal-help-form-button{padding:18px 75px;font-size:18px}.modal-help-form-button:hover,.modal-help-form-button:focus{background-color:#fbfbfb;color:#1b414b}.chat-button{font-size:20px;right:30px;bottom:30px;width:64px;height:64px}}@media screen and (min-width: 1280px){.chat-button{font-size:24px;right:50px;bottom:50px;width:74px;height:74px}} diff --git a/index.html b/index.html index bf4cd32..731a256 100644 --- a/index.html +++ b/index.html @@ -28,7 +28,7 @@ /> - +