@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Raleway:wght@700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}ul,ol{list-style:none}a{color:inherit;text-decoration:none;display:inline-block}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}input,select,textarea{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}input[type=text],input[type=email],input[type=search]{-webkit-appearance:none}body{color:#fff;background-color:#272733;font-family:Lato,sans-serif;font-size:16px;overflow-x:hidden}body.no-scroll{overflow:hidden}.container{max-width:1202px;margin:0 auto;padding:0 15px}.button{text-transform:uppercase;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:14px 20px;font-family:Lato,sans-serif;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:all .3s;display:inline-flex}.button--primary{color:#fff;background-color:#3e9cdc;border-color:#fff}.button--primary:hover{background-color:#2383c4}.button--secondary{color:#2a2b30;background-color:#fff;border-color:#6f6d7b}.button--secondary:hover{background-color:#f2f2f2}.button--small{min-width:183px}.button--wide{min-width:370px;padding:17px 30px}.button--submit{margin:25px auto 0;display:flex}@media (width<=768px){.button{min-width:100%;font-size:12px}.button--submit{margin-top:20px}}.header{z-index:1000;background-color:#10101de6;width:100%;padding:30px 0;transition:all .3s;position:fixed;top:0;left:0}.header__wrap{flex-wrap:nowrap;justify-content:space-between;align-items:center;display:flex}@media (width<=1024px){.header{padding:20px 0}}.logo{text-transform:uppercase;color:#fff;letter-spacing:.03em;font-family:Raleway,sans-serif;font-size:28px;font-weight:800;text-decoration:none}.logo__accent{color:#42a9ed}@media (width<=480px){.logo{font-size:18px}}.navigation__list{flex-wrap:nowrap;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;display:flex}.navigation__item:not(:first-child){margin-left:60px}.navigation__link{text-transform:uppercase;color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s}.navigation__link:hover,.navigation__link--active{color:#42a9ed}@media (width<=850px){.navigation{background-color:#10101dfa;width:100%;height:100vh;padding:100px 30px;transition:right .4s;position:fixed;top:0;right:-100%;overflow-y:auto}.navigation--open{right:0}.navigation .navigation__list{flex-direction:column;align-items:center;gap:30px}.navigation .navigation__item:not(:first-child){margin-left:0}.navigation .navigation__link{font-size:16px}}.burger{z-index:1001;cursor:pointer;background:0 0;border:none;width:30px;height:20px;padding:0;display:none;position:relative}.burger span,.burger:before,.burger:after{content:"";background-color:#fff;width:100%;height:2px;transition:all .3s;position:absolute;left:0}.burger:before{top:0}.burger span{top:9px}.burger:after{bottom:0}.burger--active span{opacity:0}.burger--active:before{transform:translateY(9px)rotate(45deg)}.burger--active:after{transform:translateY(-9px)rotate(-45deg)}@media (width<=850px){.burger{display:block}}.banner{background:url(banner-bg.4b6b5afe.webp) 50%/cover no-repeat;width:100%;padding:200px 0}.banner__container{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.banner__title{color:#000;text-transform:uppercase;max-width:780px;margin-bottom:80px;font-family:Lato,sans-serif;font-size:48px;font-weight:700}.banner__title-accent{color:#3e9cdc}.banner__descr{color:#000;margin-bottom:10px;font-family:Lato,sans-serif;font-size:20px;font-weight:700;line-height:1.2}.banner__list{margin-bottom:80px;padding:0;list-style:none}.banner__item{color:#000;padding-left:20px;font-size:20px;font-weight:400;position:relative}.banner__item:before{content:"-";position:absolute;left:0}.banner__item:not(:last-child){margin-bottom:5px}.banner__actions{gap:30px;display:flex}@media (width<=1024px){.banner{min-height:600px}.banner__title{margin-bottom:40px;font-size:36px}.banner__list{margin-bottom:40px}}@media (width<=768px){.banner{min-height:auto;padding:120px 0 60px}.banner__container{justify-content:flex-start}.banner__actions{flex-direction:column;width:100%}.banner__actions .button{width:100%;max-width:280px}}.steps{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:30px;margin-bottom:80px;display:flex}.steps__item{text-align:center;flex-direction:column;flex:190px;align-items:center;max-width:210px;display:flex;position:relative}.steps__item:not(:last-child):after{content:"";z-index:1;background-image:radial-gradient(circle,#c4c4c4 3px,#0000 3px);background-repeat:repeat-x;background-size:25px 6px;width:calc(110% - 110px);height:6px;position:absolute;top:50px;left:calc(50% + 55px);transform:translateY(-50%)}.steps__icon-wrapper{z-index:2;box-sizing:border-box;background-color:#3e9cdc;border:5px solid #286690;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:20px;display:flex;position:relative}.steps__icon{object-fit:contain;width:55px;height:55px}.steps__text{color:#fff;font-size:16px;font-weight:400;line-height:1.2}@media (width<=1200px){.steps{gap:40px 20px}.steps__item{flex:0 200px}.steps__item:after{display:none!important}}@media (width<=768px){.steps__item{flex:0 45%;max-width:none}}@media (width<=480px){.steps__item{flex:0 100%;max-width:280px}}.order{background-image:url(order-mask.364c351f.svg);background-position:top;background-repeat:no-repeat;background-size:100% 100%;padding:120px 0 150px}.order__text{text-align:center;flex-flow:column;justify-content:center;align-items:center;margin-bottom:80px;display:flex}.order__title{color:#fff;text-transform:uppercase;margin:0 0 30px;font-size:36px;font-weight:900}.order__title span{color:#3e9cdc}.order__subtitle{color:#bbb;font-size:18px;font-weight:400}@media (width<=1024px){.order{background-size:cover;padding:80px 0}.order__text{margin-bottom:50px}.order__title{font-size:30px}}@media (width<=768px){.order{padding:60px 0}.order__title{margin-bottom:20px;font-size:26px}.order__subtitle{font-size:16px}}@media (width<=480px){.order__title{font-size:22px}}.form__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;width:100%;margin-bottom:30px;display:flex}.form__input{box-sizing:border-box;color:#272733;background-color:#ffffffd9;border:1px solid #fff;border-radius:3px;outline:none;flex:340px;width:100%;max-width:370px;height:48px;padding:0 15px;font-size:18px;transition:all .3s}.form__input::placeholder{color:#272733}.form__input:hover,.form__input:focus{background-color:#fff}.form__bottom{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;display:flex}@media (width<=1024px){.form__row{gap:20px}.form__bottom{flex-direction:column;align-items:center;gap:30px}.form__input{flex:340px;max-width:370px}}@media (width<=768px){.form__row{flex-direction:column}.form__input{flex:none;width:100%;max-width:100%;height:48px}}.range-slider{flex:770px;width:100%;max-width:770px}.range-slider__info{color:#fff;justify-content:space-between;margin-bottom:15px;font-size:18px;font-weight:400;display:flex}.range-slider__input{appearance:none;background:#ffffffb3;border-radius:5px;outline:none;width:100%;height:6px}.range-slider__input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3e9cdc;border:3px solid #286690;border-radius:50%;width:28px;height:28px;transition:all .3s}.range-slider__input::-moz-range-thumb{cursor:pointer;background:#3e9cdc;border:3px solid #286690;border-radius:50%;width:24px;height:24px;transition:all .3s}@media (width<=1024px){.range-slider{flex:100%;order:-1}}@media (width<=768px){.range-slider{max-width:100%}}.file-upload{width:100%;max-width:370px}.file-upload__input{display:none}.file-upload__label{width:100%;height:48px}.file-upload__icon{flex-shrink:0;margin-right:10px}@media (width<=768px){.file-upload{flex:none;max-width:100%;height:48px}}.custom-select{flex:340px;width:100%;max-width:370px;height:48px;position:relative}.custom-select__header{box-sizing:border-box;color:#272733;cursor:pointer;background-color:#ffffffd9;border:1px solid #fff;border-radius:3px;outline:none;justify-content:space-between;align-items:center;width:100%;max-width:100%;height:100%;padding:0 15px;font-size:18px;transition:all .3s;display:flex}.custom-select__header:hover{background-color:#fff}.custom-select__icon{border-bottom:2px solid;border-left:2px solid;width:10px;height:10px;margin-bottom:4px;transition:all .3s;transform:rotate(-45deg)}.custom-select__list{z-index:10;background-color:#3d4050;border:1px solid #3e9cdc;border-top:none;border-radius:0 0 3px 3px;max-height:180px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.custom-select__item{color:#fff;cursor:pointer;padding:12px 15px;font-size:16px;font-weight:400;transition:all .3s}.custom-select__item:hover{color:#3e9cdc;background-color:#ffffff0d}@media (width<=768px){.custom-select{flex:none;max-width:100%;height:48px}}.custom-select--open .custom-select__list{display:block}.custom-select--open .custom-select__icon{margin-bottom:-4px;transform:rotate(135deg)}.footer{color:#fff;background-color:#3d4050;align-items:center;min-height:80px;padding:20px 0;font-size:13px;font-weight:400;display:flex}.footer__wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;width:100%;display:flex}.footer__info{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.footer__info p{margin:0}.footer__payments{flex-wrap:nowrap;flex:1;justify-content:center;align-items:center;gap:40px;display:flex}.footer__payments:before,.footer__payments:after{content:"";background-color:#c3c3c3;flex-shrink:0;width:1px;height:18px}.footer__contacts{flex-wrap:nowrap;justify-content:center;align-items:center;gap:40px;display:flex}.footer__link{color:#fff;flex-wrap:nowrap;justify-content:center;align-items:center;transition:all .3s;display:flex}.footer__link:before{content:"";background:50%/contain no-repeat;flex-shrink:0;width:20px;height:20px;margin-right:10px}.footer__link--email:before{background-image:url(mail-icon.5f6aa576.svg)}.footer__link--vk:before{background-image:url(vk-icon.2deb2d0f.svg)}.footer__link:hover{color:#3e9cdc}@media (width<=1200px){.footer__payments{flex:none;order:3;width:100%}.footer__payments:after,.footer__payments:before{display:none}.footer__wrap{justify-content:center}}@media (width<=768px){.footer{padding:30px 0}.footer__wrap{flex-direction:column;gap:25px}.footer__contacts{flex-direction:column;gap:15px}}.payment-list{flex-wrap:nowrap;justify-content:center;align-items:center;gap:40px;display:flex}.payment-list__item{color:#c3c3c3;flex-wrap:nowrap;justify-content:center;align-items:center;display:flex}.payment-list__item:before{content:"";background:50%/contain no-repeat;flex-shrink:0;width:20px;height:20px;margin-right:10px}.payment-list__item--qiwi:before{background-image:url(qiwi-icon.863663cf.svg)}.payment-list__item--yandex:before{background-image:url(yandex.cdf19363.svg)}.payment-list__item--wm:before{background-image:url(wm-icon.48647619.svg)}@media (width<=768px){.payment-list{flex-wrap:wrap;justify-content:center;gap:15px 20px}}
/*# sourceMappingURL=order-form-test.82476255.css.map */