:root{--accent-color: #2196f3;--accent-hover-color: #188ce8;--light-backgound: #f5f4fa;--main-background: #ffffff;--light-text-color: #ffffff;--dark-background: #2f303a;--title-color: #212121;--text-color: #757575;--logo-color: #000000;--border-color: #ececec;--border-second-color: #eeeeee;--icon-color: #afb1b8}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}p,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{margin:0;padding-left:0}button{cursor:pointer}img{display:block;width:100%;height:auto}body{font-family:"Roboto",sans-serif;color:var(--title-color);background-color:var(--main-background);font-size:14px;letter-spacing:.03em}.link{text-decoration:none}.list{list-style:none}.section{padding-top:94px;padding-bottom:94px}.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}.container{width:100%;margin:0 auto;padding-left:15px;padding-right:15px}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.top-title{font-size:28px;font-weight:700;line-height:1.17}@media screen and (min-width: 1200px){.top-title{font-size:36px;font-weight:700;line-height:1.16;margin-bottom:50px;text-align:center}}@media screen and (min-width: 1200px){.work_top-title{font-size:36px;font-weight:700;line-height:1.16;margin-bottom:50px;text-align:center}}.hero__title{font-size:26px;font-weight:900;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;max-width:360px;margin-left:auto;margin-right:auto;margin-bottom:30px;color:var(--light-text-color)}.about__title{font-size:14px;font-weight:700;line-height:1.14;text-align:center;text-transform:uppercase;margin-bottom:10px}@media screen and (min-width: 768px){.about__title{text-align:left}}.about__text{font-size:14px;line-height:1.7;color:var(--text-color)}@media screen and (min-width: 1200px){.pick-list__text{font-size:14px;font-weight:700;line-height:1.14;background-color:rgba(47,48,58,.8);color:var(--light-text-color);text-align:center;text-transform:uppercase;width:100%;height:70px;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0}}.team-list__title{font-size:16px;font-weight:500;line-height:1.18;margin-bottom:10px}.team-list__text{font-size:16px;line-height:1.18;color:var(--text-color);margin-bottom:16px}.join__title{font-size:14px;font-weight:700;line-height:1.14;color:var(--light-text-color);font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase;margin-bottom:20px}@media screen and (min-width: 1200px){.join__title{text-align:left}}.portfolio-title{font-size:18px;font-weight:700;line-height:2;letter-spacing:.06em;margin-bottom:4px;color:var(--title-color)}.portfolio-text{font-size:16px;line-height:1.8;color:var(--text-color)}.backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.2);top:0;position:fixed;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal{width:300px;min-height:581px;background-color:var(--main-background);border-radius:4px;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);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1) skew(0);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);padding:40px}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(0) skew(30deg, 150deg)}@media screen and (min-width: 480px){.modal{width:450px}}@media screen and (min-width: 1200px){.modal{width:528px}}.modal-close-btn{width:30px;height:30px;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1);border-radius:50%;top:8px;right:8px;display:flex;align-items:center;justify-content:center;outline:none;position:absolute;padding:0;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-close-btn:hover{fill:var(--accent-color)}.modal-close-btn:focus{border-color:var(--accent-color);fill:var(--accent-color)}.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.no-scroll{overflow:hidden}.modal-title{font-weight:700;font-size:20px;line-height:1.15;text-align:center;color:var(--title-color);margin-bottom:12px}.modal-field{margin-bottom:10px}.modal-label{font-weight:400;font-size:12px;line-height:1.16;letter-spacing:.01em;color:var(--text-color);display:block;margin-bottom:4px}.modal-input{width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:42px;outline:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-input::placeholder{color:rgba(117,117,117,.5)}.modal-input:focus{border-color:var(--accent-color)}.input-wrap{position:relative}.modal-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.modal-input:focus+.modal-icon{fill:var(--accent-color)}.modal-textarea{width:100%;height:120px;border:1px solid rgba(33,33,33,.2);border-radius:4px;resize:none;outline:none;padding:12px 16px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-textarea::placeholder{color:rgba(117,117,117,.5)}.modal-textarea:focus{border-color:var(--accent-color)}.modal-checkbox{margin-top:20px;margin-bottom:30px}.check-text{font-size:10px;line-height:1.4;color:var(--text-color);display:flex;flex-wrap:wrap;justify-content:flex-start}.check-text::before{content:"";width:16px;height:15px;border:2px solid #000;border-radius:3px;margin-right:9px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-check:checked+.check-text::before{background-color:var(--accent-color);background-image:url(../images/check.svg);background-repeat:no-repeat;background-position:70% 60%;border:none}.modal-check:focus+.check-text::before{border-color:var(--accent-color)}@media screen and (min-width: 480px){.check-text{font-size:12px;line-height:1.16;justify-content:center;flex-wrap:nowrap}}@media screen and (min-width: 1200px){.check-text{font-size:14px;line-height:1.7}}.privacy-link{color:var(--accent-color)}@media screen and (min-width: 480px){.privacy-link{margin-left:2px}}@media screen and (min-width: 1200px){.privacy-link{margin-left:5px}}.send-btn-box{display:flex;justify-content:center}.modal-send-btn{display:flex;align-items:center;justify-content:center;min-width:200px;height:50px;border-radius:4px;background-color:var(--accent-color);color:var(--light-text-color);border:none;font-weight:700;font-size:16px;line-height:1.9;letter-spacing:.06em;box-shadow:0px 4px 4px rgba(0,0,0,.15)}.modal-send-btn:hover,.modal-send-btn:focus{background-color:var(--accent-hover-color)}.subscribe{margin:0;margin-top:60px}@media screen and (min-width: 1200px){.subscribe{align-items:center;margin-top:0;margin-left:auto}}.subscribe-title{font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase;text-align:center;color:var(--light-text-color);margin-bottom:20px}@media screen and (min-width: 1200px){.subscribe-title{text-align:left}}.subscribe-box{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.subscribe-box{flex-direction:row;align-items:center}}.subscribe-input{width:250px;height:50px;background-color:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.3);color:var(--light-text-color);font-size:14px;letter-spacing:1.7;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;padding:15px 16px;outline:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.subscribe-input:focus{border-color:var(--accent-color)}@media screen and (min-width: 480px){.subscribe-input{width:450px}}@media screen and (min-width: 1200px){.subscribe-input{width:358px}}.subscribe-button-wrap{position:relative;margin-top:20px}@media screen and (min-width: 1200px){.subscribe-button-wrap{margin-top:0}}.subscribe-button{width:200px;height:50px;margin-left:12px;font-weight:700;font-size:16px;line-height:1.9;color:var(--light-text-color);background-color:var(--accent-color);box-shadow:0px 4px 4px rgba(0,0,0,.15);border:none;border-radius:4px;display:flex;align-items:center;text-align:center;letter-spacing:.06em;padding-left:29px;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1)}.subscribe-button:hover,.subscribe-button:focus{background:var(--accent-hover-color)}.subscribe-icon{fill:var(--main-background);position:absolute;top:50%;right:28px;transform:translateY(-50%)}.address{margin-top:20px}.address__item:not(:last-child){margin-bottom:8px}@media screen and (min-width: 1200px){.address__item:not(:last-child){margin-bottom:9px}}.address__link{font-style:normal;font-size:14px;line-height:1.7;color:var(--light-text-color);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.address__link:hover,.address__link:focus{color:var(--accent-color)}.nav__logo{margin-right:94px;font-family:"Raleway";font-size:24px;font-weight:700;line-height:1.16;color:var(--logo-color)}@media screen and (min-width: 1200px){.nav__logo{font-size:26px;font-weight:700;line-height:1.19}}.footer__logo{font-size:24px;font-weight:700;line-height:1.16;font-family:"Raleway";color:var(--light-text-color)}@media screen and (min-width: 1200px){.footer__logo{font-size:36px;font-weight:700;line-height:1.16}}.logo-web{font-family:"Raleway";color:var(--accent-color)}.header{padding-top:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}@media screen and (min-width: 768px){.header{padding-top:25px;padding-bottom:25px}}.header_content{display:flex;align-items:center;justify-content:space-between}.nav{display:none}@media screen and (min-width: 768px){.nav{display:flex;align-items:center}.nav__link:hover,.nav__link:focus{color:var(--accent-color)}}.nav__tab-list{display:flex;align-items:center;gap:50px}.nav__tab-link{font-weight:500;line-height:1.14;letter-spacing:.02em;color:var(--title-color);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);position:relative}.nav__contacts-list{display:none}@media screen and (min-width: 768px){.nav__contacts-list{display:flex;flex-direction:column;margin-left:auto;gap:10px}}@media screen and (min-width: 1200px){.nav__contacts-list{flex-direction:row;align-items:center;gap:50px}}@media screen and (min-width: 768px){.nav__contacts-item{margin-right:auto}}.nav__contacts-link{display:flex;align-items:center;justify-content:center;font-weight:500;line-height:1.14;letter-spacing:.02em;color:var(--text-color);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav__contacts-link:hover,.nav__contacts-link:focus{color:var(--accent-color)}.nav__icon{margin-right:10px;fill:var(--text-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav__contacts-link:hover .nav__icon,.nav__contacts-link:focus .nav__icon{fill:var(--accent-color)}.nav__contacts-link .mail{width:16px;height:12px}.nav__contacts-link .tel{width:10px;height:16px}.menu-open{display:block;background-color:rgba(0,0,0,0);border:none;margin-left:auto}.menu-open:focus{fill:var(--accent-color)}@media screen and (min-width: 768px){.menu-open{display:none}}.menu{position:fixed;background-color:var(--main-background);top:0;left:0;z-index:1;width:100vw;height:100vh;padding:10px 40px 48px 40px}.menu .container{display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow-y:auto}.menu-close{width:40px;height:40px;background-color:rgba(0,0,0,0);fill:var(--title-color);border:none;top:10px;right:15px;display:flex;align-items:center;justify-content:center;outline:none;position:absolute;padding:0;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu-close:focus{fill:var(--accent-color)}.menu_nav{margin-top:38px}.menu_nav-item{margin-bottom:32px}.menu_nav-link{font-size:40px;font-weight:500;line-height:1.17;letter-spacing:.02em;color:var(--title-color)}.menu_contacts-tel{font-size:24px;font-weight:500;line-height:1.6;letter-spacing:.02em;color:var(--accent-color)}@media screen and (min-width: 480px){.menu_contacts-tel{font-size:34px;font-weight:500;line-height:1.17;letter-spacing:.02em}}.menu_contacts-mail{font-size:20px;font-weight:500;line-height:1.4;color:var(--text-color)}@media screen and (min-width: 480px){.menu_contacts-mail{font-size:24px;font-weight:500;line-height:1.16}}.menu_contacts-item:not(:last-child){margin-bottom:32px}.menu_soc-list{display:flex;flex-wrap:wrap;margin-top:64px;color:var(--accent-color);font-size:18px;font-weight:500;line-height:1.2;letter-spacing:.02em}@media screen and (min-width: 480px){.menu_soc-list{flex-wrap:nowrap}}.menu_soc-link{font-size:18px;font-weight:500;line-height:1.2;color:var(--accent-color)}.menu_soc-item{margin-right:10px;margin-bottom:10px}@media screen and (min-width: 480px){.menu_soc-item:not(:last-child){padding-right:10px;border-right:1px solid rgba(33,33,33,.2)}}.nav__tab-link.current:after{content:"";position:absolute;width:100%;height:4px;border-radius:4px;background-color:var(--accent-color);left:0;bottom:-39.2px}@media screen and (min-width: 1200px){.nav__tab-link.current:after{bottom:-33.2px}}.current{color:var(--accent-color)}.hero{width:100%;margin:0 auto;text-align:center;padding-top:118px;padding-bottom:118px;justify-content:center;background-color:var(--dark-background);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_mob-1x.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}@media(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_mob-2x.jpg)}}@media screen and (min-width: 768px){.hero{min-width:768px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_tab-1x.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{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_tab-2x.jpg)}}@media screen and (min-width: 1200px){.hero{max-width:1600px;padding-top:200px;padding-bottom:200px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_desk-1x.jpg)}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (min-resolution: 192dpi),screen and (min-width: 1200px)and (min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero_desk-2x.jpg)}}.hero__button{font-family:inherit;font-weight:700;font-size:16px;line-height:1.8;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;align-items:center;text-align:center;border:none;letter-spacing:.06em;width:200px;padding-left:30px;padding-right:30px;padding-top:10px;padding-bottom:10px;background:var(--accent-color);color:var(--light-text-color);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1)}.hero__button:hover,.hero__button:focus{background:var(--accent-hover-color)}.about__list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.about__item{width:450px}@media screen and (min-width: 768px){.about__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.about__item{width:calc((100% - 90px)/4)}}.about__box{background-color:var(--light-backgound);margin-bottom:30px;display:flex;height:120px;align-items:center;justify-content:center}.work{display:none}@media screen and (min-width: 1200px){.work{display:contents;padding-top:0}}@media screen and (min-width: 1200px){.pick-list{display:flex}}@media screen and (min-width: 1200px){.pick-list__item:not(:last-child){margin-right:30px;margin-bottom:94px}}@media screen and (min-width: 1200px){.pick-list__item-box{position:relative}}.team{background-color:var(--light-backgound)}.team-list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.team-list__item{background:var(--light-text-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}.team-list__box{text-align:center;padding-top:30px;padding-bottom:30px}.soc-list{display:flex;justify-content:center}.soc-list__item{width:44px;height:44px;margin-right:10px}.soc-list__item:last-child{margin-right:0}.soc-list__link{width:100%;height:100%;background-color:var(--main-background);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.soc-list__link:hover,.soc-list__link:focus{background-color:var(--accent-color)}.soc-list__link:hover .soc-list__icon,.soc-list__link:hover .soc-list__icon,.soc-list__link:focus .soc-list__icon,.soc-list__link:focus .soc-list__icon{fill:var(--light-text-color)}.soc-list__icon{fill:var(--icon-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients-list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.clients-list__item{width:calc((100% - 60px)/2);height:92px;border:1px solid var(--icon-color);border-radius:4px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients-list__item:hover,.clients-list__item:focus{border-color:var(--accent-color)}@media screen and (min-width: 768px){.clients-list__item{width:calc((100% - 90px)/3)}}@media screen and (min-width: 1200px){.clients-list__item{width:calc((100% - 180px)/6)}}.clients-list__link{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.clients-list__icon{fill:var(--icon-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients-list__item:hover .clients-list__icon,.clients-list__item:focus .clients-list__icon{fill:var(--accent-color)}.portfolio-sorting-list{display:flex;flex-wrap:wrap;margin-bottom:40px}@media screen and (min-width: 768px){.portfolio-sorting-list{margin-bottom:30px;justify-content:center}}@media screen and (min-width: 1200px){.portfolio-sorting-list{margin-bottom:50px}}.portfolio-sorting-item:not(:last-child){margin-right:8px;margin-bottom:15px}.portfolio-button{font-family:inherit;background:var(--light-backgound);border-radius:4px;font-weight:500;font-size:16px;line-height:1.6;text-align:center;border:none;padding-top:6px;padding-bottom:6px;padding-right:22px;padding-left:22px;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-button:active,.portfolio-button:hover,.portfolio-button:focus{background-color:var(--accent-color);box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12);border-radius:4px;color:var(--light-text-color)}.portfolio-img-list{display:flex;flex-wrap:wrap;gap:30px}.portfolio-img-item{width:450px}@media screen and (min-width: 768px){.portfolio-img-item{width:354px;flex-basis:calc((100% - 60px)/2)}}@media screen and (min-width: 1200px){.portfolio-img-item{width:370px;flex-basis:calc((100% - 90px)/3)}}.portfolio-link{display:flex;flex-direction:column;height:100%;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-link:hover,.portfolio-link:focus{box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.portfolio-link:hover .portfolio-hover-text,.portfolio-link:hover .portfolio-hover-text,.portfolio-link:focus .portfolio-hover-text,.portfolio-link:focus .portfolio-hover-text{transform:translateY(0)}.portfolio-link-box{position:relative;overflow:hidden}.portfolio-hover-text{font-size:16px;line-height:1.8;position:absolute;top:0;background-color:rgba(33,150,243,.9);color:var(--light-text-color);height:100%;padding-top:18px;padding-left:24px;transform:translateY(100%);transition:transform 250ms linear}@media screen and (min-width: 480px){.portfolio-hover-text{font-size:18px;line-height:1.5;padding-top:77px}}@media screen and (min-width: 768px){.portfolio-hover-text{padding-top:49px}}.portfolio-text-box{flex-grow:1;padding:20px 24px;border:1px solid var(--border-second-color);border-top:rgba(0,0,0,0)}.footer{padding-top:60px;padding-bottom:60px;background-color:var(--dark-background)}.footer .container{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){.footer .container{flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:baseline}}.footer__info{text-align:center;justify-content:center;margin:0}@media screen and (min-width: 1200px){.footer__info{text-align:left;margin-right:70px;align-items:baseline}}.contacts{color:rgba(255,255,255,.6)}.join{text-align:center;justify-content:center;margin-top:60px}@media screen and (min-width: 768px){.join{margin-top:0}}.footer-soc-list{display:flex;justify-content:center}.footer-soc-item{width:44px;height:44px;margin-right:10px}.footer-soc-item:last-child{margin-right:0}.footer-soc-link{width:100%;height:100%;background-color:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-soc-link:hover,.footer-soc-link:focus{background-color:var(--accent-color)}.footer-soc-icon{fill:var(--light-text-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-soc-link:hover .footer-soc-icon,.footer-soc-link:focus .footer-soc-icon{fill:var(--light-text-color)}/*# sourceMappingURL=main.min.css.map */