:root{--primary-text-color: #1a1a1a;--title-text-color: #212121;--accent-color: #237227;--accent-second-color: #309335;--accent-action-color: #FF9800;--white-color: #ffffff;--black-color: #000000;--bg-color: #ffffff;--modal-bg-color: #ffffff;--hero-bg-color: #2f303a;--section-second-color: #f5f4fa;--address-link-color: rgba(255, 255, 255, 0.6);--vh: 1vh}h1,h2,h3,h4,h5,h6,p{margin:0}ul{padding:0;margin:0;list-style:none}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}body{font-family:"Inter",sans-serif;font-size:16px;font-weight:400;background-color:var(--bg-color);color:var(--primary-text-color);min-height:100dvh;display:flex;flex-direction:column}.lists{list-style:none}html{scroll-behavior:smooth}body.no-scroll{overflow:hidden}#services,#vehicles,#about,#contacts{scroll-margin-top:152px;scroll-behavior:smooth}@media screen and (min-width: 768px){#services,#vehicles,#about,#contacts{scroll-margin-top:60px}}main{flex:1}.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;opacity:0}.container{width:100%;margin-left:auto;margin-right:auto;padding:0 15px}@media screen and (min-width: 480px){.container{max-width:480px}}@media screen and (min-width: 768px){.container{max-width:768px}}@media screen and (min-width: 1200px){.container{max-width:1200px}}.nav{display:flex;align-items:center}.logo__link{display:flex;align-items:center;gap:8px}.logo__link__img{display:block;width:40px;height:40px}@media screen and (min-width: 480px){.logo__link__img{width:52px;height:52px}}.logo__link__text{display:flex;flex-direction:column;gap:4px;font-family:"Montserrat",sans-serif;font-weight:800;font-size:16px;letter-spacing:.32px;text-transform:uppercase}.logo__link__text span{color:var(--accent-color)}@media screen and (min-width: 480px){.logo__link__text{font-size:18px}}@media screen and (min-width: 768px){.logo__link__text{font-size:16px}.logo__link__text span{font-size:14px;letter-spacing:1.54px}}.logo__city{margin-left:30px;display:flex;flex-direction:column;font-family:"Montserrat",sans-serif;font-weight:800;font-size:18px;letter-spacing:4px;text-transform:uppercase}.logo__city span{text-transform:lowercase;font-weight:400;font-size:12px;letter-spacing:normal}@media screen and (min-width: 480px){.logo__city{margin-left:60px;font-size:24px;letter-spacing:.32px;letter-spacing:2.2px}.logo__city span{font-size:14px}}@media screen and (min-width: 768px){.logo__city{margin-left:10px}}.logo__slogan{display:flex;align-items:center;justify-content:center;gap:20px;background:var(--accent-color);padding:4px 0;font-size:14px;text-transform:capitalize;text-align:center}.menu-open-btn{display:block;margin-left:auto;background:rgba(0,0,0,0);outline:rgba(0,0,0,0);border:rgba(0,0,0,0);fill:var(--accent-color)}@media screen and (min-width: 768px){.menu-open-btn{display:none}}.btn--primary{display:flex;align-items:center;justify-content:center;height:50px;padding:0;margin:0 auto;min-width:200px;border-radius:4px;border-color:rgba(0,0,0,0);font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;background-color:var(--accent-second-color);color:var(--white-color);cursor:pointer;box-shadow:0px 4px 4px rgba(0,0,0,.15);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.btn--primary:hover,.btn--primary:focus{background-color:var(--accent-color)}.btn--primary.btn--full{width:100%}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section--second-color{background-color:var(--section-second-color)}.title{margin-bottom:30px;font-family:"Montserrat",sans-serif;font-weight:700;font-size:28px;line-height:1.18;text-align:center;letter-spacing:.03em;color:var(--title-text-color)}@media screen and (min-width: 1200px){.title{margin-bottom:50px;font-size:36px}}.title--white{color:var(--white-color)}.title.small{font-size:24px;margin-bottom:20px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99999;background-color:rgba(0,0,0,.2);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.modal{width:90%;padding:20px;position:absolute;top:100px;left:50%;transform:translate(-50%, 0%);background-color:var(--modal-bg-color);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:4px;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 480px){.modal{padding:40px;min-width:450px;min-height:609px}}@media screen and (min-width: 1200px){.modal{min-width:528px;min-height:581px}}.backdrop.is-hidden .modal{transform:translate(500px, 500px)}.close-button{position:absolute;top:8px;right:8px;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.close-button:hover{fill:var(--accent-color)}.burger{position:fixed;top:0;right:0;width:90%;height:100vh;z-index:999;background-color:#fff;padding:20px;border-radius:4px 0 0 4px;transform:translateX(100%);transition:transform 300ms ease}.burger__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;position:absolute;top:10px;right:20px;border:none;background-color:rgba(0,0,0,0);outline:none;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.burger__close:hover{fill:var(--accent-second-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.burger__backdrop{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:998;background:rgba(0,0,0,.3058823529);transition:opacity 300ms ease,visibility 300ms ease}.burger__list{display:flex;flex-direction:column;align-items:left;gap:12px;margin-bottom:20px}.burger__list__item__link{display:inline-flex;align-items:center;gap:8px;font-weight:400;font-size:20px;padding:8px 0}.burger__socials{display:flex;align-items:center;gap:80px}.burger__socials__item__link{display:flex;align-items:center;gap:8px;font-weight:400;font-size:20px;padding:8px 0}.burger__backdrop.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.burger__backdrop:not(.is-hidden) .burger{transform:translateX(0)}.burger__nav__list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;margin-top:80px;font-family:"Montserrat",sans-serif;font-weight:700;font-size:28px}.burger__nav__list__link{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.burger__nav__list__link:hover{color:var(--accent-second-color)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,125,50,.5)}70%{box-shadow:0 0 0 15px rgba(46,125,50,0)}100%{box-shadow:0 0 0 0 rgba(46,125,50,0)}}.call-btn{position:fixed;right:20px;bottom:100px;width:60px;height:60px;border-radius:50%;border:8px solid var(--accent-color);background:#fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:9;box-shadow:0px 3px 12px 0px rgba(0,0,0,.4);-webkit-box-shadow:0px 3px 12px 0px rgba(0,0,0,.4);-moz-box-shadow:0px 3px 12px 0px rgba(0,0,0,.4);transition:transform .3s ease,background-color .3s ease}.call-btn svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.call-btn{animation:pulse 2s infinite}.call-btn:hover{transform:scale(1.1);background-color:var(--accent-color)}.call-btn:hover svg{fill:#fff}@media screen and (min-width: 768px){.call-btn{right:40px;bottom:40px;width:70px;height:70px}}.header{padding:10px 0;position:sticky;top:0;z-index:99;background:#fff}@media screen and (min-width: 768px){.header{padding:0 0 10px}}.header__contacts{position:absolute;bottom:-92px;left:0;right:0;width:100%;height:92px;background-color:var(--accent-color);box-shadow:0px 3px 12px 0px rgba(0,0,0,.4);-webkit-box-shadow:0px 3px 12px 0px rgba(0,0,0,.4);-moz-box-shadow:0px 3px 12px 0px rgba(0,0,0,.4)}@media screen and (min-width: 768px){.header__contacts{position:static;box-shadow:none;background-color:rgba(0,0,0,0);bottom:0;height:auto}.header__contacts__list{display:flex;flex-direction:column;align-items:center;justify-content:center}}.header__contacts__list__item__link{display:flex;align-items:center;gap:8px;padding:6px 0;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.header__contacts__list__item__link{gap:4px}.header__contacts__list__item__link:hover{color:var(--accent-second-color);fill:var(--accent-second-color)}}.header__contacts__list__item__icon{fill:inherit}.header__contacts__socials{display:flex;align-items:center;margin-left:auto;gap:16px}@media screen and (min-width: 480px){.header__contacts__socials{gap:24px}}@media screen and (min-width: 768px){.header__contacts__socials{gap:10px;position:absolute;right:150px;bottom:0}}.header__contacts__socials__item{width:42px;height:42px;background-color:#fff;border-radius:50%;position:relative}@media screen and (min-width: 480px){.header__contacts__socials__item{width:52px;height:52px}}@media screen and (min-width: 768px){.header__contacts__socials__item{width:36px;height:36px}}.header__contacts__socials__item svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (min-width: 480px){.header__contacts__socials__item svg{width:32px;height:32px}}@media screen and (min-width: 768px){.header__contacts__socials__item svg{width:24px;height:24px}}.header__contacts__mail a{display:flex;align-items:center;gap:8px;padding:6px 0;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__contacts__mail a svg{fill:inherit}@media screen and (min-width: 768px){.header__contacts__mail a{gap:4px}.header__contacts__mail a:hover{color:var(--accent-second-color);fill:var(--accent-second-color)}}.header__nav{display:flex;align-items:center;color:#fff;fill:#fff;width:100%;margin-left:auto;margin-right:auto;padding:0 15px}@media screen and (min-width: 480px){.header__nav{max-width:480px}}@media screen and (min-width: 768px){.header__nav{width:100%;margin-left:0;margin-right:0;padding:0;color:#000;fill:#000;position:relative}}@media screen and (min-width: 768px){.header__nav__contacts{display:flex;gap:4px;margin-left:auto;position:relative}}.header__menu{display:none}@media screen and (min-width: 768px){.header__menu{display:block;position:absolute;width:100%;left:0;bottom:-30px;background:var(--accent-color);padding:10px 0;box-shadow:0px 3px 12px 0px rgba(0,0,0,.4);-webkit-box-shadow:0px 3px 12px 0px rgba(0,0,0,.4);-moz-box-shadow:0px 3px 12px 0px rgba(0,0,0,.4)}}.header__menu__list{display:flex;gap:40px;align-items:center;justify-content:center;color:#fff}.header__menu__list__link{position:relative;text-decoration:none;color:#fff;padding:5px 0;transition:color .3s ease}.header__menu__list__link::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--accent-action-color);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.header__menu__list__link:hover::after{transform:scaleX(1);transform-origin:left}.hero__overlay{margin-left:auto;margin-right:auto;padding:118px 0;max-width:480px;background-color:var(--hero-bg-color);background-image:linear-gradient(to right, rgba(7, 8, 11, 0.7), rgba(7, 8, 11, 0.7)),url("../img/mobile/hero.jpg");background-position:center;background-size:cover}@media(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero__overlay{background-image:linear-gradient(to right, rgba(7, 8, 11, 0.7), rgba(7, 8, 11, 0.7)),url("../img/mobile/hero2x.jpg")}}@media screen and (min-width: 768px){.hero__overlay{max-width:768px;background-image:linear-gradient(to right, rgba(7, 8, 11, 0.7), rgba(7, 8, 11, 0.7)),url("../img/tablet/hero-tablet.jpg")}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (min-resolution: 192dpi),screen and (min-width: 768px)and (min-resolution: 2dppx){.hero__overlay{background-image:linear-gradient(to right, rgba(7, 8, 11, 0.7), rgba(7, 8, 11, 0.7)),url("../img/tablet/hero-tablet2x.jpg")}}.hero__overlay__title{margin-bottom:30px;font-family:"Montserrat",sans-serif;font-weight:900;font-size:32px;line-height:1.62;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--white-color);word-wrap:break-word}.hero__overlay__text{margin-bottom:30px;text-align:center;color:var(--white-color)}.section.advantages{padding-bottom:0}.advantages__list{display:grid;gap:20px;grid-template-columns:1fr}@media screen and (min-width: 768px){.advantages__list{grid-template-columns:repeat(2, 1fr)}}.advantages__card{width:100%}.advantages__card__icon{display:flex;align-items:center;justify-content:center;margin-bottom:30px;height:120px;background-color:var(--section-second-color);border-radius:4px}.advantages__card__icon svg{width:70px;height:70px;color:var(--accent-color)}@media screen and (min-width: 480px){.advantages__card__icon{max-width:450px}}.advantages__card__title{margin-bottom:10px;font-weight:700;font-size:14px;line-height:1.14;text-align:center;text-transform:uppercase;color:var(--title-text-color)}@media screen and (min-width: 768px){.advantages__card__title{font-size:18px}}.advantages__card__text{font-size:14px;line-height:1.71;text-align:center}.services__list{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}@media screen and (min-width: 768px){.services__list{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;align-items:stretch}}.services__item{width:100%;background-color:var(--bg-color);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:0px 0px 4px 4px;overflow:hidden}.services__item img{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.services__item:hover .services__item__img img,.services__item:focus .services__item__img img{transform:scale(1.1)}@media screen and (min-width: 768px){.services__item{display:flex;flex-direction:column;height:100%}}.services__item__img{display:block;width:100%;overflow:hidden}@media screen and (min-width: 480px){.services__item__img{height:460px}}@media screen and (min-width: 768px){.services__item__img{height:374px}}.services__item__box{padding:10px 10px 24px}@media screen and (min-width: 768px){.services__item__box{display:flex;flex-direction:column;padding:10px 10px 20px;flex-grow:1}}.services__item__title{margin-bottom:20px;font-family:"Montserrat",sans-serif;font-weight:700;font-size:24px;line-height:1.18;letter-spacing:.03em;color:var(--title-text-color)}@media screen and (min-width: 768px){.services__item__title{font-size:18px}}.services__item__text{margin-bottom:20px}@media screen and (min-width: 768px){.services__item__text{flex-grow:1}}.services__item__price{margin-bottom:30px}.services__item__price span{font-family:"Montserrat",sans-serif;font-weight:900;font-size:24px;color:var(--accent-second-color)}@media screen and (min-width: 768px){.services__item__price span{font-size:20px}}.section.vehicle{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(to right, rgba(7, 8, 11, 0.7), rgba(7, 8, 11, 0.7)),url("../img/dock.jpg")}.vehicle__list{display:flex;flex-direction:column;gap:40px;align-items:center}.vehicle__list__item{width:100%;background-color:var(--bg-color);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:0px 0px 4px 4px;overflow:hidden}@media screen and (min-width: 768px){.vehicle__list__item{width:600px}}.vehicle__list__item__img{display:block;width:100%;overflow:hidden;height:294px}@media screen and (min-width: 768px){.vehicle__list__item__img{height:355px}}.vehicle__list__item__img img{width:100%;height:100%;object-fit:cover}.vehicle__list__item__box{padding:20px 10px 30px}.vehicle__list__item__title{margin-bottom:10px;font-family:"Montserrat",sans-serif;font-weight:700;font-size:24px;line-height:1.18;letter-spacing:.03em;color:var(--title-text-color);text-align:center}.vehicle__list__item__text{text-align:center;margin-bottom:20px}.vehicle__list__item__price{text-align:center;margin-bottom:30px}.vehicle__list__item__price:has(+.vehicle__list__item__price__under){margin-bottom:0}.vehicle__list__item__price span{font-family:"Montserrat",sans-serif;font-weight:900;font-size:24px;color:var(--accent-second-color)}.vehicle__list__item__price__under{margin-top:5px;margin-bottom:12px;font-size:12px;text-align:center}.section.about{padding-bottom:0}.about__list{margin-top:30px;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}.about__list__item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.about__list__item:nth-child(2) span,.about__list__item:nth-child(3) span{font-size:38px}.about__list__item span{margin-bottom:10px;display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background-color:var(--accent-second-color);font-family:"Montserrat",sans-serif;font-weight:900;font-size:52px;color:var(--white-color)}.about__list__item p{height:55px;font-size:24px;font-weight:800;text-align:center}.about__text,.about__subtext{margin-bottom:20px;font-size:18px;text-align:center}.about__text span{margin-bottom:6px;display:block;color:var(--accent-second-color);font-size:24px;font-weight:800}.form{width:100%;padding:20px;display:flex;flex-direction:column;gap:20px}.form__label{display:block;margin-bottom:4px;font-size:16px;line-height:1.17;letter-spacing:.01em}.form__field{position:relative}.form__input{padding-left:42px;padding-top:8px;padding-bottom:8px;width:100%;border:1px solid #000;border-radius:4px;background-color:rgba(0,0,0,0);outline:rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__input:focus{border-color:var(--accent-color)}.form__input__icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__input:focus+.form__input__icon{fill:var(--accent-color)}.form__textarea{padding:12px 16px;width:100%;height:120px;resize:none;border:1px solid #000;border-radius:4px;outline:rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__textarea:focus{border-color:var(--accent-color)}.form__textarea::placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.section.contacts{padding-top:0}.contacts__list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.contacts__list__item__link{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;font-family:"Montserrat",sans-serif;font-weight:700;font-size:20px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contacts__list__item__link:hover,.contacts__list__item__link:focus{color:var(--accent-second-color);transform:scale(1.1)}.contacts__list__item__icon{fill:currentColor;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.contacts__map{border:2px solid var(--accent-second-color);border-radius:8px;overflow:hidden}.footer{background-color:var(--accent-color);padding:10px 0}.footer__text{display:block;text-align:center;color:var(--white-color)}/*# sourceMappingURL=main.min.css.map */