@charset "UTF-8";*{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}a{cursor:pointer;color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}a,button,input,textarea{outline:none}.page{scroll-behavior:smooth}.page:has(.page__menu:target){overflow:hidden}.page__body{min-width:320px;margin:0;background-color:#1d1d1d;color:#fff;font-family:Montserrat,sans-serif;font-weight:400;font-style:normal}.page__menu{position:fixed;top:0;left:0;right:0;opacity:0;pointer-events:none;transition:opacity .3s ease-out}.page__menu:target{opacity:1;pointer-events:all}.container{padding-inline:20px}@media (min-width:640px){.container{padding-inline:40px}}@media (min-width:1024px){.container{max-width:1260px;margin-inline:auto;padding-inline:60px}}.header{background-color:#e83425}.header__content{display:flex;flex-direction:column;justify-content:space-between;height:100vh}@media (min-width:1024px){.header__call:before{position:relative;top:50%;transform:translate(-100%,-50%);content:"+380 44 377-77-66";display:block;width:max-content;padding:4px 12px 4px 4px;font-weight:700;font-size:12px;line-height:24px;letter-spacing:2px;opacity:0;pointer-events:none;transition:opacity .3s ease-out}.header__call:hover:before{opacity:1;pointer-events:all}}.header__bottom{padding-bottom:88px}@media (min-width:640px){.header__bottom{padding-bottom:130px}}@media (min-width:1024px){.header__bottom{padding-bottom:203px}}.header__title{font-weight:700;font-size:36px;line-height:1em;letter-spacing:-1.5px;text-align:center}@media (min-width:640px){.header__title{font-size:64px}}@media (min-width:1024px){.header__title{font-size:80px}}.top-bar{display:flex;justify-content:space-between;align-items:center;padding-block:24px}@media (min-width:640px){.top-bar{padding-block:36px}}.top-bar__logo{display:block}@media (min-width:1024px){.top-bar__logo{transition:scale .3s ease-out}.top-bar__logo:hover{scale:1.1}}.top-bar__logo-image{display:block;max-width:200px;max-height:75px;width:100%;height:100%;filter:invert(1)}@media (min-width:640px){.top-bar__logo-image{max-width:250px;max-height:100px}}.top-bar__logo-image--menu{filter:invert(0)}.top-bar__icons{display:flex;align-items:center;gap:30px}@media (min-width:640px){.top-bar__icons{gap:40px}}.menu{height:100vh;color:#1d1d1d;font-weight:600;text-transform:uppercase;overflow:auto}.menu,.menu__top{background-color:#c2c2c2}.menu__top{position:sticky;top:0;z-index:1}.menu__bottom{padding-block:24px}@media (min-width:640px){.menu__bottom{padding-top:8px}}@media (min-width:1024px){.menu__bottom{padding-top:24px}}.menu__phone-number{display:block;width:fit-content;margin-top:40px;font-size:16px;line-height:1.69em}@media (min-width:1024px){.menu__phone-number{transition:scale .3s ease-out}.menu__phone-number:hover{scale:1.1}}.menu__phone-number:after{position:absolute;bottom:0;content:"";display:block;height:1px;width:100%;scale:0;transform-origin:left;background-color:#1d1d1d;transition:scale .3s ease-out}.menu__phone-number:hover:after{scale:100%}.nav__item{display:block}.nav__item:not(:first-child){margin-top:24px}.nav__link{display:block;width:fit-content;position:relative;padding-bottom:8px;font-size:22px;line-height:1em;letter-spacing:2px}@media (min-width:1024px){.nav__link{transition:scale .3s ease-out}.nav__link:hover{scale:1.1}.nav__link:after{position:absolute;bottom:0;content:"";display:block;height:1px;width:100%;scale:0;transform-origin:left;background-color:#1d1d1d;transition:scale .3s ease-out}.nav__link:hover:after{scale:100%}}.main{padding-top:20px;padding-bottom:100px}@media (min-width:640px){.main{padding-top:60px}}@media (min-width:1024px){.main{padding-bottom:102px}}.section{padding-block:40px}@media (min-width:640px){.section{padding-block:60px;padding-block:80px}}.icon{box-sizing:content-box;display:block;width:24px;height:24px;padding:4px;background-size:24px;background-position:50%;background-repeat:no-repeat}@media (min-width:1024px){.icon{transition:scale .3s ease-out}.icon:hover{scale:1.1}}.icon--phone{background-image:url(phone.14e90a37.svg)}.icon--menu{background-image:url(menu.11980eae.svg)}.icon--menu:hover{background-image:url(menu_hover.864c445c.svg)}.icon--close{background-image:url(close.b83b88b4.svg)}.button{display:flex;justify-content:center;align-items:center;width:100%;height:56px;border:0;border-radius:40px;background-color:#e83425;cursor:pointer;color:#fff;font-weight:700;font-size:16px;line-height:1.69em}@media (min-width:1024px){.button{transition:all .3s ease-out}.button:hover{scale:1.05;box-shadow:1px 4px 16px rgba(255,9,22,.4)}.button:active{box-shadow:1px 4px 16px rgba(255,9,22,.64)}}.section-title{font-weight:500;font-size:32px;line-height:1em;letter-spacing:-1.5px;text-align:center}@media (min-width:640px){.section-title{font-size:48px}}@media (min-width:1024px){.section-title{font-size:64px}}.section-title--align--left{text-align:left}.about-us__inner{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px}@media (min-width:640px){.about-us__inner{grid-template-columns:repeat(6,1fr);column-gap:24px}}@media (min-width:1024px){.about-us__inner{grid-template-columns:repeat(12,1fr)}}.about-us__title{grid-column:span 2}@media (min-width:640px){.about-us__title{grid-column:span 3}}@media (min-width:1024px){.about-us__title{grid-column:span 6}}.about-us__content{grid-column:span 2;margin-top:32px;font-weight:500;font-size:23px;line-height:1.4em}@media (min-width:640px){.about-us__content{grid-column:span 3;margin-top:0}}@media (min-width:1024px){.about-us__content{grid-column:span 6}}.advantages__content{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:40px;margin-top:48px}@media (min-width:640px){.advantages__content{grid-template-columns:repeat(6,1fr);column-gap:24px}}@media (min-width:1024px){.advantages__content{grid-template-columns:repeat(12,1fr)}}@media (min-width:640px){.advantages__content{row-gap:48px}}@media (min-width:1024px){.advantages__content{row-gap:0;margin-top:56px}}.advantages__item{grid-column:1/-1}@media (min-width:640px){.advantages__item{grid-column:2/-2}}@media (min-width:1024px){.advantages__item{grid-column:span 4}}.advantage{text-align:center}.advantage__link{display:block}.advantage__photo{display:block;width:50%;margin-inline:auto}@media (min-width:1024px){.advantage__photo{transition:scale .3s ease-out}.advantage__photo:hover{scale:1.1}}.advantage__title{margin-top:32px;font-weight:700;font-size:24px;line-height:1.4em}.advantage__text{margin-top:8px;font-size:16px;font-weight:400;line-height:1.4em}.tariffs__content{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:40px;margin-top:48px}@media (min-width:640px){.tariffs__content{grid-template-columns:repeat(6,1fr);column-gap:24px}}@media (min-width:1024px){.tariffs__content{grid-template-columns:repeat(12,1fr)}}@media (min-width:640px){.tariffs__content{row-gap:48px;margin-top:64px}}@media (min-width:1024px){.tariffs__content{margin-top:48px}}.tariff{grid-column:span 2;position:relative;display:grid;row-gap:32px;padding:32px 24px 16px;border-radius:8px;box-shadow:1px 2px 16px rgba(126,126,131,.4)}@media (min-width:640px){.tariff{grid-column:span 3}}@media (min-width:1024px){.tariff{grid-column:span 4}}.tariff__label{position:absolute;top:-8px;right:0;padding:8px 16px;font-weight:700;text-transform:uppercase}.tariff__label:before{content:"";position:absolute;top:-8px;left:-8px;z-index:-1;border:8px solid transparent;transform:rotate(180deg)}.tariff__label--popular{background-color:#e83425}.tariff__label--popular:before{border-top-color:#cc0812}.tariff__label--promotional{background-color:#ffce24}.tariff__label--promotional:before{border-top-color:#cca61d}.tariff__title{font-weight:700;font-size:24px;line-height:1.4em}.tariff__text{margin-top:8px;font-weight:400;font-size:16px;line-height:1.4em}.tariff__speed{margin-top:24px;color:#e83425;font-weight:700;font-size:24px;line-height:1.4em}.tariff__speed:after{content:"Швидкість";display:block;margin-top:8px;color:#fff;font-weight:400;font-size:16px;line-height:1.4em}.tariff__features-title{font-weight:600}.tariff__features-list{display:flex;flex-direction:column;gap:16px;margin-top:32px}.tariff__features-item{display:flex;align-items:center;gap:16px}.tariff__features-item:before{content:"";width:8px;height:8px;flex-shrink:0;border-radius:50%;background-color:#e83425}.tariff__bottom{place-self:end normal}.tariff__price{display:flex;align-items:baseline;gap:8px;font-weight:500;font-size:32px;line-height:1.4em}.tariff__price:after{content:"грн/місяць";font-weight:400;font-size:16px;line-height:1.4em}.tariff__button{margin-top:32px}@media (min-width:1024px){.contacts__title{font-weight:600;font-size:48px}}.contacts__content{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px;margin-top:48px}@media (min-width:640px){.contacts__content{grid-template-columns:repeat(6,1fr);column-gap:24px}}@media (min-width:1024px){.contacts__content{grid-template-columns:repeat(12,1fr)}}.contacts__form{grid-column:1/-1;display:flex;flex-direction:column;gap:16px}@media (min-width:640px){.contacts__form{grid-column:1/4}}@media (min-width:1024px){.contacts__form{grid-column:1/6}}.contacts__info{grid-column:1/-1;margin-top:48px}@media (min-width:640px){.contacts__info{grid-column:4/-1;margin-top:0}}@media (min-width:1024px){.contacts__info{grid-column:8/-1}}.contact-form__input{border-radius:40px}.contact-form__textarea{border-radius:16px;resize:none}.contact-form__input,.contact-form__textarea{padding:14px 16px;border:1px solid transparent;background-color:#f8f8f8;outline:none;color:#292929;font-weight:400;font-size:14px;line-height:1.43em;transition:all .3s ease-out}.contact-form__input:hover,.contact-form__textarea:hover{border-color:#d5d7de}.contact-form__input:focus,.contact-form__textarea:focus{border-color:#292929}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:#7e7e83;transition:color .3s ease-out}.contact-form__input:hover::placeholder,.contact-form__textarea:hover::placeholder{color:#292929}.contact-form__button{margin-top:32px}.info{display:flex;flex-direction:column;row-gap:24px}.info__title{font-weight:400;font-size:14px;line-height:1.4em}.info__link{display:block;margin-top:8px;font-weight:500;font-size:16px;line-height:1.4em;transition:color .3s ease-out}.info__link:hover{color:#c2c2c2}
/*# sourceMappingURL=style.b6437709.css.map */