html{scroll-behavior:smooth}li{list-style-type:none}body{font-family:Roboto;font-size:14px}h1,h2,h3,h4,h5,p{margin:0}ul{margin:0;padding:0;list-style:none}a{text-decoration:none}img{width:100%;max-width:100%;display:block;height:auto}.container{max-width:1200px;margin:0 auto;padding-left:15px;padding-right:15px}.header{padding-top:24px;padding-bottom:25px}.header__nav{display:flex;align-items:center;justify-content:space-between}.header__wrapper{display:flex;gap:93px}.header__logo{color:#000;font-family:Raleway;font-size:26px;font-weight:700;line-height:30.52px;letter-spacing:.03em;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration:none;animation-name:move-logo;animation-duration:1.5s}.header__web{color:#2196f3}.header__pages{display:flex;gap:50px;align-items:center}.header__link{position:relative;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:#212121;font-family:Roboto;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.28px}.header__link::after{content:"";position:absolute;left:0;bottom:-32px;width:100%;height:4px;border-radius:2px;background-color:#2196f3;transform:scaleX(0);transform-origin:left}.header__link.current::after{animation:underline-slide 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards}.header__link:hover{color:#2196f3}.header__link:focus{color:#2196f3}.header__list{display:flex;gap:50px;align-items:center}.header__item{display:flex;gap:10px;align-items:center;justify-content:center}.header__item:hover .header__item__icon{fill:#2196f3}.header__item:focus-within .header__item-icon{fill:#2196f3}.header__icon{fill:#757575;width:16px;height:12px;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.header__svg{width:10px;height:16px}.header__contact{color:#757575;font-family:Roboto;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.28px;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;gap:10px}.header__contact:hover{color:#2196f3}.header__contact:hover .header__icon{fill:#2196f3}.header__contact:focus{color:#2196f3}.header-container{border-bottom:solid #ececec;padding-bottom:56px;height:1px}@keyframes move-logo{0%{transform:translate(0, -100px)}100%{transform:translate(0, 0)}}@keyframes underline-slide{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}.current{color:#2196f3}.hero{background-color:#2f303a;background-image:linear-gradient(to left, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero-bg.jpg);padding-top:200px;padding-bottom:200px}.hero__container{display:flex;max-width:696px;flex-wrap:wrap}.hero__title{color:#fff;text-align:center;font-size:44px;font-weight:900;line-height:60px;letter-spacing:2.64px;text-transform:uppercase}.hero__button{color:#fff;text-align:center;font-size:16px;font-weight:700;line-height:30px;letter-spacing:.96px;border-radius:4px;background-color:#2196f3;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);width:216px;height:50px;flex-shrink:0;display:block;margin-right:auto;margin-left:auto;margin-top:30px;cursor:pointer;animation-name:move-btn;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;border:none}@keyframes move-btn{0%{transform:scale(1, 1)}100%{transform:scale(1.1, 1.1)}}.warning{padding-top:94px;padding-bottom:94px}.warning__list{display:flex;gap:30px}.warning__item{width:270px}.warning__item::before{background-size:70px;content:"";display:block;background-color:#f5f4fa;background-repeat:no-repeat;height:120px;width:100%;background-position:center;margin-bottom:30px}.warning__item:first-child::before{background-image:url("../img/antenna.png")}.warning__item:nth-child(2):before{background-image:url("../img/clock.png")}.warning__item:nth-child(3):before{background-image:url("../img/diagram.png")}.warning__item:last-child::before{background-image:url("../img/astronaut.png")}.warning__subtitle{color:#212121;font-weight:700;letter-spacing:.42px;text-transform:uppercase;margin-bottom:10px}.warning__text{color:#757575;font-weight:400;line-height:24px;letter-spacing:.42px}.occupation{padding-bottom:94px}.occupation__title{color:#212121;text-align:center;font-size:36px;font-weight:700;letter-spacing:1.08px;margin-bottom:30px}.occupation__list{display:flex;gap:30px}.occupation__item{position:relative}.occupation__photo{display:block;width:370px}.occupation__text{font-weight:700;font-size:14px;line-height:100%;letter-spacing:3%;text-transform:uppercase;color:#fff;background-color:rgba(47,48,58,.8);position:absolute;bottom:0;left:0;width:100%;text-align:center;padding-top:27px;padding-bottom:27px}.team{padding-top:94px;padding-bottom:94px;background-color:#f5f4fa}.team__title{color:#212121;text-align:center;font-size:36px;font-weight:700;letter-spacing:1.08px;margin-bottom:50px}.team__list{display:flex;gap:30px}.team__item{background-color:#fff;border-radius:0 0 4px 4px;box-shadow:0 2px 1px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);overflow:hidden}.team__peuple{width:270px}.team__info{padding-top:30px;padding-bottom:30px}.team__name{color:#212121;text-align:center;font-size:16px;font-weight:500;letter-spacing:.48px;margin-bottom:10px}.team__text{color:#757575;text-align:center;font-size:16px;font-weight:400;letter-spacing:.48px}.team__roster{margin-top:16px;display:flex;gap:10px;justify-content:center}.team__link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:rgba(0,0,0,0);transition-property:background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.team__link:hover{background-color:#2196f3}.team__link:hover .team__icon{fill:#fff}.team__link:focus{background-color:#2196f3}.team__link:hover .team__link__icon{fill:#fff}.team__link:focus .team__link__icon{fill:#fff}.team__icon{width:20px;height:20px;fill:#afb1b8;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.customers{padding-top:94px;padding-bottom:94px}.customers__title{font-weight:700px;font-size:36px;line-height:100%;letter-spacing:3%;text-align:center;margin-bottom:50px}.customers__list{display:flex;gap:30px}.customers__item{border:1px solid #afb1b8;border-radius:4px;padding-left:32px;padding-right:32px;padding-bottom:16px;padding-top:16px;transition-property:border;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.customers__item:hover{border:1px solid #2196f3}.customers__item:hover .customers__svg{fill:#2196f3}.customers__item:focus-within{border:1px solid #2196f3}.customers__item:hover .customers__item__svg{fill:#2196f3}.customers__item:focus-within .customers__item__svg{fill:#2196f3}.customers__svg{width:106px;height:60px;fill:#afb1b8;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}.footer__container{display:flex;flex-wrap:wrap;align-items:baseline}.footer__box{display:flex;max-width:231px;flex-wrap:wrap}.footer__logo{color:#fff;font-family:Raleway;font-size:26px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.78px;margin-bottom:20px}.footer__web{color:#2196f3;font-family:Raleway;font-size:26px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.78px}.footer__adress{color:#fff;font-weight:400;line-height:24px;letter-spacing:.42px}.footer__list{display:flex;flex-wrap:wrap}.footer__item{margin-top:9px}.footer__text{color:hsla(0,0%,100%,.6);font-size:14px;font-weight:400;line-height:24px;letter-spacing:.42px}.footer__block{margin-left:70px;margin-right:93px}.footer__title{color:#fff;width:116px;font-size:14px;text-transform:uppercase;margin-bottom:20px}.footer__roster{display:flex;gap:10px}.footer__element{display:flex;width:44px;height:44px;border-radius:50%;background-color:#757575;transition-property:background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer__element:hover{background-color:#2196f3}.footer__element:focus-within{background-color:#2196f3}.footer__element:hover .footer__element__icon{fill:#fff}.footer__element:focus-within .footer__element__icon{background-color:#2196f3}.footer__link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:hsla(0,0%,100%,.1)}.footer__icon{width:20px;height:20px;fill:#f5f4fa;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer__icon:hover{background-color:#2196f3}.footer__form{display:flex;justify-content:center}.footer__wrapper{display:flex;flex-direction:column}.footer__label{font-weight:700;font-size:14px;line-height:100%;letter-spacing:3%;text-transform:uppercase;color:#fff;margin-bottom:20px}.footer__placeholder{width:358px;height:50px;border-radius:4px;border:none;border:1px solid hsla(0,0%,100%,.3);background-color:rgba(0,0,0,0);padding-left:16px}.footer__btn{width:200px;height:50px;border-radius:4px;font-weight:700;font-size:16px;line-height:30px;letter-spacing:6%;text-align:center;vertical-align:middle;background-color:#2196f3;color:#fff;margin-left:12px;margin-top:34px;display:flex;align-items:center;justify-content:center;border:rgba(0,0,0,0)}.footer__svg{width:24px;height:24px;fill:#fff;margin-left:10px}.chapter{padding-top:94px;padding-bottom:50px}.chapter__list{display:flex;justify-content:center;gap:8px}.chapter__btn{color:#212121;text-align:center;font-size:16px;font-weight:500;line-height:26px;letter-spacing:.48px;border-radius:4px;border:none;background:#f5f4fa;padding-top:6px;padding-bottom:6px;padding-left:22px;padding-right:22px;cursor:pointer;transition-property:background-color color box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.chapter__btn:hover{border-radius:4px;background-color:#2196f3;color:#fff;box-shadow:0px 3px 1px 0px rgba(0,0,0,.1),0px 1px 2px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.12)}.chapter__btn:focus{border-radius:4px;background:#2196f3;color:#fff;box-shadow:0px 3px 1px 0px rgba(0,0,0,.1),0px 1px 2px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.12)}.posters{padding-bottom:94px}.posters__list{display:flex;flex-wrap:wrap;gap:30px}.posters__item{border:1px solid #eee;max-width:370px;padding-bottom:20px;transition-property:box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.posters__item:hover{box-shadow:0px 3px 1px 0px rgba(0,0,0,.1),0px 1px 2px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.12)}.posters__item:hover .posters__overlay{opacity:1;transform:translateY(0)}.posters__overlay{width:100%;height:100%;position:absolute;top:0;left:0;transform:translateY(100%);transition:transform 400ms ease;background-color:rgba(33,150,243,.9);padding-top:63px;padding-bottom:63px;padding-left:24px;padding-right:24px}.posters__overlaytext{font-weight:400;font-size:18px;line-height:28px;letter-spacing:3%;color:#fff}.posters__text{color:#212121;font-size:18px;font-weight:700;line-height:36px;letter-spacing:1.08px;padding-left:24px;margin-bottom:4px;margin-top:20px}.posters__subtext{color:#757575;font-size:16px;font-weight:400;line-height:30px;letter-spacing:.48px;padding-left:24px}.posters__thumb{position:relative;overflow:hidden}.posters__photo{width:370px}.modal{width:528px;height:581px;opacity:1;border-radius:4px;background-color:#fff;position:relative;padding:40px;z-index:5;transform:scale(0.2) rotate(0deg);transition-property:transform;transition-duration:1s}.modal__cross{display:flex;align-items:center;justify-content:center;position:absolute;background-color:rgba(0,0,0,0);border-radius:50%;width:30px;height:30px;border:1px solid rgba(0,0,0,.1);right:8px;top:8px}.modal__cross:hover .modal__icon{fill:#2196f3}.modal__cross:focus .modal__cross__icon{fill:#2196f3}.modal__icon{fill:#212121;width:18px;height:18px}.modal__title{font-weight:700;font-size:20px;line-height:100%;letter-spacing:3%;text-align:center;margin-bottom:12px}.modal__form{display:flex;flex-direction:column}.modal__lable{font-weight:400;font-size:12px;line-height:100%;letter-spacing:1%;color:#757575;margin-bottom:4px;position:relative;display:flex;flex-direction:column;margin-bottom:10px}.modal__placeholder{width:100%;height:40px;opacity:1;border-radius:4px;outline:1px solid rgba(0,0,0,.1);border:none;margin-top:4px;display:block;box-sizing:border-box;padding-left:48px}.modal__placeholder:hover{outline:1px solid #2196f3}.modal__placeholder:hover+.modal__svg{fill:#2196f3}.modal__svg{width:18px;height:18px;position:absolute;left:12px;bottom:11px;fill:#212121}.modal__desire{width:448px;height:120px;border-radius:4px;outline:1px solid rgba(0,0,0,.1);margin-bottom:20px;resize:none;border:none;padding:12px 16px}.modal__checkbox{font-weight:400;font-size:14px;line-height:24px;letter-spacing:3%;color:#757575}.modal__input{margin-right:8px;border:1px;border-color:solid #757575}.modal__span{font-weight:400;font-size:14px;line-height:24px;letter-spacing:3%;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:0%;color:#2196f3}.modal__btn{width:200px;height:50px;opacity:1;border-radius:4px;background-color:#2196f3;font-weight:700;font-size:16px;line-height:30px;letter-spacing:6%;text-align:center;color:#f5f4fa;margin-top:30px;border:none;display:block;margin-right:auto;margin-left:auto}.modal__btn:hover{box-shadow:0px 3px 1px 0px rgba(0,0,0,.1),0px 1px 2px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.12)}.modal__btn:focus{box-shadow:0px 3px 1px 0px rgba(0,0,0,.1),0px 1px 2px 0px rgba(0,0,0,.08),0px 2px 2px 0px rgba(0,0,0,.12)}.backdrop{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:3;transition-property:opacity;transition-duration:250ms}.is-hidden{opacity:1;pointer-events:auto}.backdrop.is-hidden .modal{transform:scale(1)}/*# sourceMappingURL=main.min.css.map */