*{-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6,body,p,input,form,ul,li,button,label{margin:0;padding:0}a{text-decoration:none}ul{list-style:none}a,button{cursor:pointer}body{font-family:"Roboto",sans-serif;font-weight:400;font-size:14px}.header__port,.navigation__list__portfolio,.footer__form,.team__sm__list,.gallery__list,.like__list,.navigation__list__second,.navigation__list,.header,.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.logo{font-family:"Raleway",sans-serif;color:#2196f3;font-weight:700;font-size:25px;line-height:100%;letter-spacing:3%;margin-top:25px;margin-bottom:25px}.header__span{font-family:"Raleway",sans-serif;color:#000;font-weight:700;font-size:25px;line-height:100%;letter-spacing:3%}.footer__logo{font-family:"Raleway",sans-serif;color:#2196f3;font-weight:700;font-size:26px;line-height:100%;letter-spacing:3%;margin-top:30px}.footer__span{font-family:"Raleway",sans-serif;color:#fff;font-weight:700;font-size:26px;line-height:100%;letter-spacing:3%}.container{width:1200px;padding:0 15px;margin:0 auto}.header{background-color:#fff}.navigation__icon__env{width:16px;height:12px;fill:#757575;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:visible;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:7px;-webkit-transition:color .25s cubic-bezier(0.4, 0, 0.2, 1);transition:color .25s cubic-bezier(0.4, 0, 0.2, 1)}.navigation__icon__tel{width:10px;height:16px;fill:#757575;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:visible;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:7px;-webkit-transition:color .25s cubic-bezier(0.4, 0, 0.2, 1);transition:color .25s cubic-bezier(0.4, 0, 0.2, 1)}.navigation__subtitle:hover .navigation__icon__env{fill:#2196f3}.navigation__subtitle:hover .navigation__icon__tel{fill:#2196f3}.header__span{font-family:"Raleway",sans-serif;color:#000;font-weight:700;font-size:25px;line-height:100%;letter-spacing:3%}.navigation__list{list-style:none;gap:50px;margin-top:25px;margin-bottom:25px}.navigation__list__second{list-style:none;gap:30px;margin-top:25px;margin-bottom:25px}.navigation__title{font-weight:500;line-height:1.17;letter-spacing:2%;color:#212121;position:relative;-webkit-transition:color .25s cubic-bezier(0.4, 0, 0.2, 1);transition:color .25s cubic-bezier(0.4, 0, 0.2, 1)}.navigation__title:hover::after{content:"";display:inline-block;background-color:#2196f3;width:100%;height:4px;position:absolute;top:43px;left:0;z-index:3;border-radius:2px}.navigation__subtitle{font-weight:500;line-height:1.17;letter-spacing:2%;color:#757575;-webkit-transition:color .25s cubic-bezier(0.4, 0, 0.2, 1);transition:color .25s cubic-bezier(0.4, 0, 0.2, 1)}.navigation__title:hover,.navigation__subtitle:hover{color:#2196f3}.section__heroic{display:-webkit-box;display:-ms-flexbox;display:flex;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))),url(../../images/hero-img.png);background-image:linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(../../images/hero-img.png);background-repeat:no-repeat;background-position:center}.heroic__title{font-weight:900;font-size:44px;line-height:1.36;letter-spacing:6%;color:#fff;margin-top:200px;margin-bottom:30px;text-transform:uppercase;text-align:center}.heroic__button{font-weight:700;font-size:16px;line-height:1.8;letter-spacing:6%;color:#fff;background-color:#2196f3;border-radius:4px;display:block;margin:0 auto;margin-bottom:200px;padding:10px 32px;border:none;-webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,.1490196078);box-shadow:0px 4px 4px 0px rgba(0,0,0,.1490196078)}.section__like{background-color:#fff}.like__list{list-style:none;gap:30px;padding-bottom:95px}.like__item{position:relative}.like__title{font-weight:700;font-size:36px;line-height:1.17;letter-spacing:3%;color:#212121;margin-bottom:50px;text-align:center}.like__lable{font-weight:700;font-size:14px;line-height:100%;letter-spacing:3%;text-align:center;text-transform:uppercase;color:#fff;padding:27px 0;width:100%;position:absolute;display:block;background-color:rgba(47,48,58,.8);bottom:2px}.like__img{width:370px;height:294px}.section__gallery{background-color:#fff}.gallery__list{list-style:none;gap:30px;margin-top:95px}.gallery__item::before{content:"";display:inline-block;width:270px;height:120px;border-radius:4px;background:#f5f4fa;background-repeat:no-repeat;background-position:center}.gallery__item:nth-child(1)::before{background-image:url(../../images/antenna.png)}.gallery__item:nth-child(2)::before{background-image:url(../../images/clock.png)}.gallery__item:nth-child(3)::before{background-image:url(../../images/diagram.png)}.gallery__item:nth-child(4)::before{background-image:url(../../images/astronaut.png)}.gallery__title{font-weight:700;line-height:1.17;letter-spacing:3%;color:#212121;margin-top:30px;margin-bottom:10px}.gallery__text{line-height:1.7;letter-spacing:3%;color:#757575;margin-top:10px;margin-bottom:95px}.team{background-color:#f5f4fa}.team__title{font-weight:700;font-size:36px;line-height:1.17;letter-spacing:3%;color:#212121;padding-top:95px;margin-bottom:50px;text-align:center}.team__list{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;padding-bottom:60px}.team__item{background-color:#fff;-webkit-box-shadow:0px 2px 1px 0px rgba(0,0,0,.2);box-shadow:0px 2px 1px 0px rgba(0,0,0,.2);-webkit-box-shadow:0px 1px 1px 0px rgba(0,0,0,.1411764706);box-shadow:0px 1px 1px 0px rgba(0,0,0,.1411764706);-webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,.1215686275);box-shadow:0px 1px 3px 0px rgba(0,0,0,.1215686275);border-bottom-right-radius:4px;border-bottom-left-radius:4px}.team__mini__title{font-weight:500;font-size:16px;line-height:1.17;letter-spacing:3%;text-align:center;margin-bottom:10px}.team__text{font-size:16px;line-height:1.17;letter-spacing:3%;text-align:center;padding-bottom:30px;color:#757575}.team__img{width:270px;height:260px;margin-bottom:30px}.team__sm__list{gap:10px;margin-bottom:30px;padding-left:32px;padding-right:32px}.team__sm__link{border-radius:50%;padding:12px;display:inline-block;-webkit-transform:background-color cubic-bezier(0.4, 0, 0.2, 1);transform:background-color cubic-bezier(0.4, 0, 0.2, 1)}.team__sm__link:hover{background-color:#2196f3;fill:#fff}.team__icon{width:20px;height:20px;fill:#afb1b8}.team__sm__link:hover .team__icon{fill:#fff}.clients{background-color:#fff}.clients__link{border:1px solid #afb1b8;border-radius:4px;padding:20px 65px;display:inline-block;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover{border-color:#2196f3;fill:#2196f3}.clients__link:hover .clients__icon{fill:#2196f3}.clients__title{font-weight:700;font-size:36px;line-height:100%;letter-spacing:3%;text-align:center;color:#212121;margin-top:95px;margin-bottom:50px}.clients__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:95px}.clients__icon{width:63px;height:61px;fill:#afb1b8;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__icon:hover{fill:#2196f3}.footer{background-color:#2f303a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px 215px}.footer__div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px}.footer__logo{font-family:"Raleway",sans-serif;color:#2196f3;font-weight:700;font-size:26px;line-height:100%;letter-spacing:3%;margin-top:30px}.footer__span{font-family:"Raleway",sans-serif;color:#fff;font-weight:700;font-size:26px;line-height:100%;letter-spacing:3%}.footer__text{line-height:1.7;letter-spacing:3%;color:hsla(0,0%,100%,.6)}.footer__text__transformer{line-height:1.7;letter-spacing:3%;color:hsla(0,0%,100%,.6)}.footer__sm__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;margin-bottom:30px;margin-left:70px}.footer__sm__link{border-radius:50%;padding:12px;display:inline-block;background-color:hsla(0,0%,100%,.1019607843);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__sm__link:hover{background-color:#2196f3;border:#2196f3;fill:#fff}.footer__icon{width:20px;height:20px;fill:#fff}.footer__sm__link:hover .footer__icon{fill:#fff}.sm__title{color:#fff;font-weight:700;font-size:14px;line-height:100%;letter-spacing:3%;text-transform:uppercase;margin-left:70px;margin-bottom:20px}.footer__form{position:absolute}.footer__label{font-weight:700;font-size:14px;line-height:100%;letter-spacing:3%;text-transform:uppercase;color:#fff;margin-bottom:20px}.label__contain{margin-left:93px}.footer__input{border:1px solid hsla(0,0%,100%,.3019607843);padding:15px 200px 15px 16px;color:hsla(0,0%,100%,.6);font-weight:400;font-size:16px;line-height:20px;letter-spacing:3%;vertical-align:middle;background-color:rgba(0,0,0,0);border-radius:4px}.send__img{width:12px;height:12px;margin-left:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__btn__send{font-weight:700;font-size:16px;line-height:30px;letter-spacing:6%;text-align:center;vertical-align:middle;background-color:#2196f3;color:#fff;padding:5px 28px;border:none;border-radius:4px}.navigation__list__portfolio{list-style:none;gap:50px;margin-top:25px;margin-bottom:25px;font-weight:700px}.header__port{background-color:#fff;border-bottom:1px solid #ececec;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.buttons__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;margin-top:95px;margin-bottom:50px}.btn{font-family:"Roboto",sans-serif;font-weight:500;font-size:16px;line-height:1.6;letter-spacing:3%;text-align:center;color:#212121;background-color:#f5f4fa;border:none;padding:6px 22px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.btn:hover{background-color:#2196f3;color:#fff;cursor:pointer;-webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,.1215686275);box-shadow:0px 2px 2px 0px rgba(0,0,0,.1215686275);-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,.0784313725);box-shadow:0px 1px 2px 0px rgba(0,0,0,.0784313725);-webkit-box-shadow:0px 3px 1px 0px rgba(0,0,0,.1019607843);box-shadow:0px 3px 1px 0px rgba(0,0,0,.1019607843)}.photos__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;margin-bottom:95px}.photos__list h3{font-family:Roboto;font-weight:700;font-size:18px;line-height:36px;letter-spacing:6%;color:#212121}.photos__list p{font-family:Roboto;font-weight:400;font-size:16px;line-height:30px;letter-spacing:3%;color:#757575}.photos__item{position:relative;overflow:hidden}.like__wrap{position:absolute;top:0;left:0;-webkit-transform:translateY(125%);transform:translateY(125%);background-color:rgba(33,150,243,.8980392157);padding:20px;width:100%;height:81%;-webkit-transition:-webkit-transform 300ms ease-in;transition:-webkit-transform 300ms ease-in;transition:transform 300ms ease-in;transition:transform 300ms ease-in, -webkit-transform 300ms ease-in}.photos__item:hover .like__wrap{-webkit-transform:translateY(0);transform:translateY(0)}.like__wrap p{font-weight:400;font-size:18px;line-height:28px;letter-spacing:3%;color:#fff;margin-top:37px}.photos__item:hover{-webkit-box-shadow:1px 4px 6px 0px rgba(0,0,0,.1607843137);box-shadow:1px 4px 6px 0px rgba(0,0,0,.1607843137);-webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,.0588235294);box-shadow:0px 4px 4px 0px rgba(0,0,0,.0588235294);-webkit-box-shadow:0px 1px 1px 0px rgba(0,0,0,.1215686275);box-shadow:0px 1px 1px 0px rgba(0,0,0,.1215686275);cursor:pointer}.hero__title{font-weight:700;font-size:20px;line-height:100%;letter-spacing:3%;text-align:center;color:#212121;padding-bottom:20px;margin-top:40px}.hero__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0px 40px;gap:20px}.hero__link{font-weight:400;font-size:14px;line-height:24px;letter-spacing:3%;text-decoration:underline;text-decoration-style:solid;color:#2196f3}.hero__button{color:#fff;font-weight:700;font-size:16px;line-height:30px;letter-spacing:6%;text-align:center;vertical-align:middle;padding:10px 52px;background-color:#2196f3;border:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero__label{font-weight:400;font-size:12px;line-height:100%;letter-spacing:1%;color:#757575;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.hero__input__title{font-weight:400;font-size:12px;line-height:100%;letter-spacing:1%;color:#757575}.hero__input{width:100%;padding:12px 42px;position:relative;border-radius:4px;margin-top:4px;border:1px solid rgba(33,33,33,.2)}.hero__textarea{width:448px;height:120px;padding:12px 16px;resize:none;margin-top:4px}.hero__input:hover,.hero__input:focus,.hero-input:active{border:1px solid #2196f3}.hero__input__icon__name{position:absolute;bottom:56%;left:10%;z-index:10}.hero__input__icon__tel{position:absolute;bottom:43%;left:10%;z-index:10}.hero__input__icon__mail{position:absolute;bottom:30%;left:10%;z-index:10}.hero__input:hover~.hero__input__icon,.hero__input:focus~.hero__input__icon{fill:#2196f3}.modal__btn__close{border-radius:50%;fill:#000;background-position:center;background-color:rgba(0,0,0,0);width:30px;height:30px;display:block;position:absolute;right:0}.icon__close{display:block}.modal{width:528px;height:581px;background-color:#fff;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:999999;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop{position:fixed;background-color:rgba(25,25,25,.4588235294);top:0;left:0;width:100vw;height:100vh;opacity:1;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is__hidden{opacity:0;visibility:hidden;pointer-events:none}