:root{--primary-text-color: #757575;--title-text-color: #212121;--accent: #2196f3;--white: #ffffff;--black: #000000;--footer-auth: rgba(255, 255, 255, 0.6);--secondary-bgr: #f5f4fa;--primary-bgr: #f5f5f5;--bgr-footer-hiro: #2f303a;--icon-color: #afb1b8;--timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}body{color:var(--primary-text-color);background-color:var(--white);font-family:"Roboto",sans-serif,"Raleway",sans-serif;font-size:14px;letter-spacing:.03em}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p{margin:0}img{display:block;max-width:100%;height:auto}address{font-style:normal}.list{list-style:none;padding-left:0;margin:0}.link{text-decoration:none;color:inherit}.section{padding-top:94px;padding-bottom:94px}.section-title{margin-bottom:30px;color:var(--title-text-color);font-weight:700;font-size:28px;line-height:1.16;text-align:center;letter-spacing:.03em}@media screen and (min-width: 1200px){.section-title{font-size:36px}}@media screen and (min-width: 1200px){.section-title{margin-bottom:50px}}.section-title-portfolio{margin-top:0;margin-bottom:0}.section.no-padding{padding-top:0}.container{padding:0 15px;margin:0 auto}@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}}button{display:block;cursor:pointer;border:none;border-radius:4px}.button-modal{position:absolute;top:8px;right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.1);width:30px;height:30px;padding:0;background-color:rgba(0,0,0,0);cursor:pointer;-webkit-transition:fill 250ms var(--timing-function);transition:fill 250ms var(--timing-function)}.button-modal:hover,.button-modal:focus{fill:var(--accent)}.button{color:var(--title-text-color);background-color:var(--primary-bgr);border-color:rgba(0,0,0,0);display:inline-block;border-radius:4px}.modal-icon{width:30px;height:30px}.button.primary{padding:10px 32px;min-width:216px;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);color:var(--white);background-color:var(--accent);font-family:"Roboto";font-style:normal;font-weight:700;font-size:16px;line-height:1.88;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:.06em;cursor:pointer}.button.primary.forma{display:block;margin:0 auto}.button.primary.invit{display:inline-block;text-align:center;position:relative;width:200px;font-weight:700;font-size:16px;line-height:1.88;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:.06em;color:var(--white);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 1200px){.button.primary.invit{margin-left:12px;display:-webkit-box;display:-ms-flexbox;display:flex}}.button.secondary{padding:6px 22px;background-color:var(--secondary-bgr);color:var(--title-text-color);background-color:var(--secondary-bgr);font-family:"Roboto";font-style:normal;font-weight:500;font-size:16px;line-height:1.62;letter-spacing:.03em;cursor:pointer;-webkit-transition:background-color 250ms var(--timing-function),color 250ms var(--timing-function),-webkit-box-shadow 250ms var(--timing-function);transition:background-color 250ms var(--timing-function),color 250ms var(--timing-function),-webkit-box-shadow 250ms var(--timing-function);transition:background-color 250ms var(--timing-function),color 250ms var(--timing-function),box-shadow 250ms var(--timing-function);transition:background-color 250ms var(--timing-function),color 250ms var(--timing-function),box-shadow 250ms var(--timing-function),-webkit-box-shadow 250ms var(--timing-function)}.button.secondary:hover,.button.secondary:focus{-webkit-box-shadow:10px 10px 8px 2px rgba(0,0,0,.3);box-shadow:10px 10px 8px 2px rgba(0,0,0,.3);color:var(--white);background-color:var(--accent)}.button-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:50px;gap:8px}.button-nav .button.secondary:not(:last-child){margin-right:8px}.page-header{border-bottom:1px solid #ececec}.page-header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px}@media screen and (min-width: 768px){.page-header .container{height:80px}}.nav .logo-web{text-align:center;display:block;color:var(--accent);font-family:"Raleway";text-decoration:none;font-weight:700;font-size:26px;line-height:1.19}@media screen and (min-width: 768px){.nav .logo-web{margin-right:88px}}@media screen and (min-width: 1200px){.nav .logo-web{margin-right:93px}}.nav .logo-studio{text-align:center;color:var(--black);font-family:"Raleway";text-decoration:none;font-weight:700;font-size:26px;line-height:1.19}footer .logo-web{margin-bottom:28px;text-decoration:none;color:var(--accent);font-family:"Raleway";font-weight:700;font-size:26px;line-height:1.19}footer .logo-studio{text-decoration:none;color:var(--white);font-family:"Raleway";font-weight:700;font-size:26px;line-height:1.19}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-nav{display:none}@media screen and (min-width: 768px){.site-nav{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none}.site-nav .item:not(:last-child){margin-right:50px}}.site-nav .link{display:block;padding-top:32px;padding-bottom:32px;color:var(--title-text-color);font-family:"Roboto";font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function)}.site-nav .link:hover,.site-nav .link:focus{color:var(--accent)}.site-nav .link.current{color:var(--accent)}.thumb-link{position:relative}.site-nav .link.current::after{content:"";position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;background:var(--accent);border-radius:2px;border-bottom:1px solid var(--accent);width:100%;height:4px;left:0;bottom:0}.auth-nav{display:none}@media screen and (min-width: 768px){.auth-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:auto;padding-top:21px;list-style-type:none}}@media screen and (min-width: 1200px){.auth-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.icon-mail{width:14px;height:10px;margin-right:10px;fill:currentColor}@media screen and (min-width: 1200px){.icon-mail{width:16px;height:12px}}.icon-mail:hover,.icon-mail:focus{fill:var(--accent)}.icon-phone{width:10px;height:14px;margin-right:10px;fill:currentColor;-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function)}@media screen and (min-width: 1200px){.icon-phone{width:10px;height:16px}}.icon-phone:hover,.icon-phone:focus{fill:var(--accent)}.auth-nav .item{font-weight:500;font-size:12px;line-height:1.17;letter-spacing:.02em;color:var(--primary-text-color)}@media screen and (min-width: 768px){.auth-nav .item{margin-bottom:10px}.auth-nav .item:last-child{margin-bottom:0}}@media screen and (min-width: 1200px){.auth-nav .item{margin-left:auto;font-size:14px;line-height:1.14}.auth-nav .item+.item{margin-left:40px}}.auth-nav .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--primary-text-color);font-family:"Roboto";font-weight:500;font-size:14px;line-height:1.14;-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function)}.auth-nav .link:hover,.auth-nav .link:focus{color:var(--accent)}.adress .adress-link{color:var(--white);font-weight:400;font-size:14px;line-height:1.71;-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function)}.adress .adress-link:hover,.adress .adress-link:focus{color:var(--accent)}.adress .adress-auth{color:var(--footer-auth);font-weight:400;font-size:14px;line-height:1.71;-webkit-transition:color 250ms var(--timing-function);transition:color 250ms var(--timing-function)}.adress .adress-auth:hover,.adress .adress-auth:focus{color:var(--accent)}.adress-list{font-style:normal;margin-top:20px}.link{text-decoration:none}.adress-auth{text-decoration:none;font-weight:400;font-size:14px;line-height:1.71}.adress-link{text-decoration:none;font-weight:400;font-size:14px;line-height:1.71}.adress .item{text-align:center}@media screen and (min-width: 1200px){.adress .item{text-align:left}}.adress .item:not(:last-child){margin-bottom:12px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(33,32,30,.192);opacity:1;-webkit-transition:opacity 250ms var(--timing-function);transition:opacity 250ms var(--timing-function);overflow-y:scroll}.backdrop.is-hidden{opacity:0;pointer-events:none}.backdrop.is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(0.9);transform:translate(-50%, -50%) scale(0.9)}.modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:40px;background-color:var(--white)}@media screen and (max-width: 1199px){.modal{width:95%;max-width:450px;height:95%;max-height:609px;overflow:scroll}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.form-field{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px}.form-name{margin-bottom:12px;font-weight:700;font-size:20px;line-height:23px;text-align:center;letter-spacing:.03em;color:var(--title-text-color)}.form-field label{margin-bottom:4px;font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--primary-text-color)}.form-field input{margin:0;padding:11px 12px;padding-left:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0);-webkit-transition:border-color 250ms var(--timing-function);transition:border-color 250ms var(--timing-function)}.form-field.textarea{margin-bottom:20px}.form-field.check-box{margin-bottom:30px}.form-input:focus+.icon-form{fill:var(--accent)}.form-input:focus{border-color:var(--accent)}.form-input:focus-visible{outline:none}.form-field input::-webkit-input-placeholder{color:rgba(117,117,117,.5)}.form-field input::-moz-placeholder{color:rgba(117,117,117,.5)}.form-field input:-ms-input-placeholder{color:rgba(117,117,117,.5)}.form-field input::-ms-input-placeholder{color:rgba(117,117,117,.5)}.form-field input::placeholder{color:rgba(117,117,117,.5)}.icon-form{position:absolute;top:50%;left:20px;width:18px;height:18px;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:fill 250ms var(--timing-function);transition:fill 250ms var(--timing-function)}.checkbox{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden;border:1px solid rgba(33,33,33,.2)}.checkbox-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.checkbox-icon{display:inline-block;width:15px;height:15px;background-color:var(--white);border:.2px solid var(--black);border-radius:2px;margin-right:7px;-webkit-transition:fill 250ms var(--timing-function);transition:fill 250ms var(--timing-function)}.checkbox:checked+.checkbox-icon{background-color:var(--accent);background-image:url(../img/check-modal.svg);background-size:contain;background-origin:border-box;border-color:var(--accent)}.checkbox-policy{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em}.form-link{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;text-decoration:underline;color:var(--accent)}.textarea{resize:none}.comment{padding:12px 16px;height:120px;resize:none;border:1px solid rgba(33,33,33,.2);border-radius:4px}.hero{padding:118px 0;text-align:center;background-color:var(--bgr-footer-hiro);max-width:1600px;height:400px;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../img/hero/hm480.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero/hm480.jpg)}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../img/hero/hm960.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero/hm960.jpg)}}@media screen and (min-width: 481px){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../img/hero/ht768.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero/ht768.jpg)}}@media screen and (min-width: 481px)and (min-device-pixel-ratio: 2),screen and (min-width: 481px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 481px)and (min-resolution: 192dpi),screen and (min-width: 481px)and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../img/hero/ht1536.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero/ht1536.jpg)}}@media screen and (min-width: 769px){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../img/hero/hd1600.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero/hd1600.jpg)}}@media screen and (min-width: 769px)and (min-device-pixel-ratio: 2),screen and (min-width: 769px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 769px)and (min-resolution: 192dpi),screen and (min-width: 769px)and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../img/hero/hd3200.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero/hd3200.jpg)}}@media screen and (min-width: 769px)and (min-width: 768px){.hero{height:459px}}@media screen and (min-width: 769px)and (min-width: 1200px){.hero{height:600px;padding:200px 0}}.hero .hero-title{margin:0 auto;margin-bottom:30px;font-family:"Roboto";font-weight:900;font-size:26px;line-height:1.62;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--white)}@media screen and (max-width: 1199px){.hero .hero-title{max-width:360px}}@media screen and (min-width: 1200px){.hero .hero-title{font-size:44px;line-height:1.36;width:696px}}.benefits{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.benefits{padding-top:94px;padding-bottom:94px}}.benefits__title{margin-bottom:50px;color:var(--title-text-color);font-weight:700;font-size:36px;line-height:1.16;text-align:center}.work{display:none;padding-top:0}@media screen and (min-width: 1200px){.work{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:94px}}.work__title{margin-bottom:50px;text-align:center;font-weight:700;font-size:36px;line-height:42px;text-align:center;letter-spacing:.03em;color:var(--title-text-color)}.feature__title{margin-top:0;margin-bottom:10px;color:var(--title-text-color);font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase;text-align:center}@media screen and (min-width: 768px){.feature__title{text-align:left}}.feature__text{margin-top:0;margin-bottom:0;font-size:14px;line-height:1.71;font-weight:400;letter-spacing:.03em;color:var(--primary-text-color)}.feature__icons{margin-bottom:30px;background-color:var(--secondary-bgr);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:120px;border-radius:4px}@media screen and (min-width: 768px){.feature__item{width:calc((100% - 60px)/2);margin:15px}}@media screen and (min-width: 1200px){.feature__item{width:calc((100% - 120px)/4)}}@media screen and (max-width: 767px){.feature__item:not(:last-child){margin-bottom:30px}}.feature{list-style-type:none}@media screen and (min-width: 768px){.feature{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}@media screen and (min-width: 1200px){.feature{display:-webkit-box;display:-ms-flexbox;display:flex}}.examples{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none}.examples__item{margin-left:30px}.examples__item:first-child{margin-left:0}.examples__image{position:relative}.examples__name{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;bottom:0;width:100%;height:70px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;line-height:1.14;text-transform:uppercase;color:var(--white);background:rgba(47,48,58,.8);font-size:14px;text-align:center;letter-spacing:.03em}.team{padding-top:60px;padding-bottom:60px;background-color:var(--secondary-bgr)}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team__title{padding-bottom:30px;font-weight:700;font-size:28px;line-height:1.17;text-align:center;letter-spacing:.03em;color:var(--title-text-color)}@media screen and (min-width: 1200px){.team__title{font-size:36px;padding-bottom:50px}}.employees{display:block;list-style-type:none}@media screen and (min-width: 768px){.employees{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}@media screen and (min-width: 1200px){.employees{display:-webkit-box;display:-ms-flexbox;display:flex}}.employees__list{background:#fff;-webkit-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);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}@media screen and (max-width: 767px){.employees__list{margin-bottom:30px}.employees__list:last-child{margin-bottom:0}}@media screen and (min-width: 768px){.employees__list{width:calc(100% - 60px)/2;margin:15px}}@media screen and (min-width: 1200px){.employees__list{width:calc(100% - 120px)/4;margin:15px}}.employees__portfolio{padding:30px 0}.employees__name{margin-bottom:10px;font-weight:500;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em;color:var(--title-text-color)}.employees__position{margin-bottom:16px;font-weight:400;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em;color:var(--primary-text-color)}.networks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.networks__item{margin-right:10px}.networks__item:last-child{margin-right:0}.networks__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--icon-color);width:44px;height:44px;border-radius:50%;border:none;-webkit-transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function)}.networks__link:hover,.networks__link:focus{color:var(--white);background-color:var(--accent)}.networks__icon{width:20px;height:20px;fill:currentColor}.social-link{display:block;margin-bottom:60px}@media screen and (min-width: 1200px){.social-link{display:inline-block}}.clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.clients{padding-top:94px;padding-bottom:94px}}.clients .item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}@media screen and (min-width: 1200px){.clients .item{display:-webkit-box;display:-ms-flexbox;display:flex}}.name{width:calc((100% - 60px)/2);margin:15px}@media screen and (min-width: 768px){.name{width:calc((100% - 90px)/3)}}@media screen and (min-width: 1200px){.name{width:calc((100% - 180px)/6)}}.name .link{height:92px;border-radius:4px;border:1px solid;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--icon-color);-webkit-transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function);transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function)}.name .link:hover,.name .link:focus{color:var(--accent);background-color:var(--secondary-bgr)}.name .client{width:106px;height:60px;fill:currentColor}.project{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.thumb-project{position:relative;overflow:hidden}.project-name .overlay{width:100%;height:100%;position:absolute;background-color:rgba(33,150,243,.9);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 250ms var(--timing-function);transition:-webkit-transform 250ms var(--timing-function);transition:transform 250ms var(--timing-function);transition:transform 250ms var(--timing-function), -webkit-transform 250ms var(--timing-function);font-family:"Roboto";font-style:normal;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:.03em;padding:63px 24px;color:#fff}.project .link{display:block;-webkit-transition:-webkit-box-shadow 250ms var(--timing-function);transition:-webkit-box-shadow 250ms var(--timing-function);transition:box-shadow 250ms var(--timing-function);transition:box-shadow 250ms var(--timing-function), -webkit-box-shadow 250ms var(--timing-function)}.project .link:hover,.project .link:focus{-webkit-box-shadow:10px 10px 8px 2px rgba(0,0,0,.3);box-shadow:10px 10px 8px 2px rgba(0,0,0,.3)}.project-name{width:370px}.project .link:hover .overlay,.project .link:focus .overlay{-webkit-transform:translateY(0);transform:translateY(0)}.project-name:nth-child(3n){margin-right:0px}.project-name:nth-child(3n):nth-last-child(-n+3){margin-bottom:0}.project-name .title-name{padding:20px 24px;border:1px solid #ececec}.project .title{margin-bottom:4px;color:var(--title-text-color);font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em}.project .title-project{margin-top:0;font-family:"Roboto";font-style:normal;font-weight:400;font-size:16px;line-height:1.88;letter-spacing:.03em;color:var(--primary-text-color)}.footer{background-color:var(--bgr-footer-hiro);padding:60px 0}.footer__networks__link--inverse{color:var(--white);background:rgba(255,255,255,.1)}.footer-link .s-links{fill:var(--white)}.footer-item{margin-bottom:20px;font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--white)}@media screen and (max-width: 1199px){.footer-item{text-align:center}}@media screen and (min-width: 768px){.footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (min-width: 1200px){.footer .container{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}.footer-logo-adress{text-align:center;margin-bottom:60px}@media screen and (min-width: 1200px){.footer-logo-adress{text-align:left;margin-left:0;margin-right:70px}}@media screen and (max-width: 1199px){.invitation{text-align:center;margin-top:60px}}@media screen and (min-width: 1200px){.invitation{margin-left:auto}}.invitation-name{margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--white)}@media screen and (max-width: 1199px){.invitation-name{text-align:center}}.invitation-form{position:relative;display:block;margin-bottom:20px;width:100%}@media screen and (min-width: 1200px){.invitation-form{display:-webkit-box;display:-ms-flexbox;display:flex}}.email{border:1px solid rgba(255,255,255,.3);-webkit-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;width:100%;margin-bottom:20px;padding:15px 16px;background-color:rgba(0,0,0,0);color:var(--icon-color);display:block}@media screen and (min-width: 768px){.email{width:450px}}@media screen and (min-width: 1200px){.email{width:358px;margin:0}}.icon-send{position:absolute;top:50%;right:32px;width:24px;height:24px;fill:var(--white);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.menu-toggle{height:40px;width:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;position:absolute;top:10px;right:10px;padding:0;background-color:rgba(0,0,0,0);cursor:pointer;border:none;border-radius:50%;outline:none}.menu-toggle:hover,.menu-toggle:focus{fill:var(--accent)}@media screen and (min-width: 768px){.menu-toggle{display:none}}.menu-toggle:hover,.menu-toggle:focus{background-color:rgba(0,0,0,.1)}.menu-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:48px;padding-bottom:48px;padding-left:40px;background-color:#fff;z-index:999;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 250ms ease-in-out;transition:-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out}.menu-container.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.menu-container .menu-toggle{position:absolute;top:16px;right:16px;color:#fff}.mobile-menu{padding:0;margin-bottom:auto;list-style:none}.mobile-menu .link-mobile{display:block;margin-bottom:32px;color:#212121;text-decoration:none;font-weight:500;font-size:40px;line-height:1.18;letter-spacing:.02em}.mobile-menu .link-mobile:hover,.mobile-menu .link-mobile:focus{color:var(--accent)}.auth-mobile-menu{padding:0}.auth-mobile-menu .auth-mobile-phone{display:block;margin-bottom:32px;font-weight:500;font-size:34px;line-height:1.18;letter-spacing:.02em;color:#2196f3;text-decoration:none}.auth-mobile-menu .auth-mobile-mail{display:block;margin-bottom:64px;font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:#757575;text-decoration:none}.mobile-social{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:10px}.mobile-social-link{text-decoration:none;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:var(--accent);margin-right:10px;padding-right:10px;border-right:1px solid #212121}/*# sourceMappingURL=main.min.css.map */