:root{--main-font: "Roboto";--logo-font: "Raleway";--accent-color: #2196f3;--main-txt-color: #757575;--white-color: #ffffff;--dark-txt-color: #212121;--section-bg-color: #f5f4fa;--header-logo-color: #000000;--btn-hover-color: #188ce8;--second-section-color: #2f303a;--icon-color: #afb1b8;--animation: 250ms cubic-bezier(0.4, 0, 0.2, 1);--set-gap: 30px;--items:3}.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}body{font-family:var(--main-font),sans-serif;font-size:14px;line-height:1.71;color:var(--main-txt-color)}body.no-scroll{overflow:hidden}h1,h2,h3,h4,p,ul{margin:0}img{display:block;max-width:100%;height:auto}.link{text-decoration:none}.list{list-style:none;margin:0;padding:0}.card-set{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--set-gap)}.card__item{-ms-flex-preferred-size:calc((100% - var(--set-gap)*(var(--items) - 1))/var(--items));flex-basis:calc((100% - var(--set-gap)*(var(--items) - 1))/var(--items))}.social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social__item{width:44px;height:44px}.social__item:not(:last-child){margin-right:10px}.social__link{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;width:100%;height:100%;border-radius:50%;color:var(--icon-color);background-color:var(--white-color);-webkit-transition:color var(--animation),background-color var(--animation);transition:color var(--animation),background-color var(--animation)}.social__link:hover,.social__link:focus{color:var(--white-color);background-color:var(--accent-color)}.social__icon{fill:currentColor}.social__link--footer{background-color:rgba(255,255,255,.1);color:var(--white-color)}.social__link--footer:hover,.social__link--footer:focus{background-color:var(--accent-color)}.btn{font-family:var(--main-font);font-weight:700;font-size:16px;line-height:1.88;text-align:center;cursor:pointer}.btn--hero{padding:10px 32px;color:var(--white-color);background:var(--accent-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;letter-spacing:.06em;border:none;-webkit-transition:background-color var(--animation);transition:background-color var(--animation)}.btn--hero:hover,.btn--hero:focus{background-color:var(--btn-hover-color)}.btn--works-type{padding:6px 22px;background-color:var(--section-bg-color);border:none;border-radius:4px;font-weight:500;font-size:16px;line-height:1.62;letter-spacing:.03em;color:var(--dark-txt-color);-webkit-transition:color var(--animation),background-color var(--animation),-webkit-box-shadow var(--animation);transition:color var(--animation),background-color var(--animation),-webkit-box-shadow var(--animation);transition:color var(--animation),background-color var(--animation),box-shadow var(--animation);transition:color var(--animation),background-color var(--animation),box-shadow var(--animation),-webkit-box-shadow var(--animation)}.btn--works-type:hover,.btn--works-type:focus{color:var(--white-color);background-color:var(--accent-color);-webkit-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);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)}.btn--works-type--current{color:var(--white-color);background-color:var(--accent-color);-webkit-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);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)}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.container{max-width:480px}}@media screen and (min-width: 768px)and (max-width: 1199px){.container{max-width:768px;width:768px}}@media screen and (min-width: 1200px){.container{max-width:1200px}}.logo{font-family:"Raleway";font-weight:700;font-size:24px;line-height:1.16;letter-spacing:.03em;color:var(--accent-color)}@media screen and (min-width: 1200px){.logo{font-weight:700;font-size:26px;line-height:1.19;letter-spacing:.03em}}.header__menu-button{background-color:rgba(0,0,0,0);border:none;width:40px;height:40px;margin-left:auto;z-index:10;-webkit-transition:fill var(--animation);transition:fill var(--animation);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}.header__menu-button:hover{fill:var(--accent-color)}@media screen and (min-width: 768px){.header__menu-button{display:none}}.header__menu-open{-webkit-transition:opacity var(--animation);transition:opacity var(--animation)}.header__menu-button.is-open .header__menu-open{opacity:0}.header__menu-close{-webkit-transition:opacity var(--animation);transition:opacity var(--animation);opacity:0}.header__menu-button.is-open .header__menu-close{opacity:1}.mobile-menu{position:fixed;top:0;left:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:100vw;height:100vh;padding:48px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--white-color);z-index:1;-webkit-transition:-webkit-transform var(--animation);transition:-webkit-transform var(--animation);transition:transform var(--animation);transition:transform var(--animation), -webkit-transform var(--animation)}.mobile-menu.is-open{-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (min-width: 768px){.mobile-menu{display:none}}.mobile-menu__nav{margin-bottom:auto}.mobile-menu__nav-item:not(:last-child){margin-bottom:32px}.mobile-menu__nav-link{font-weight:500;font-size:40px;line-height:1.18;letter-spacing:.02em;color:var(--dark-txt-color)}.mobile-menu__nav-link--current{color:var(--accent-color)}.mobile-menu__contacts{margin-bottom:64px}.mobile-menu__socials{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.mobile-menu__contacts-link{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:var(--main-txt-color)}.mobile-menu__contacts-item:not(:last-child){margin-bottom:32px}.mobile-menu__contacts-link--current{font-weight:500;font-size:34px;line-height:1.18;letter-spacing:.02em;color:var(--accent-color)}.mobile-menu__socials{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.mobile-menu__socials-item:not(:last-child) .mobile-menu__socials-link{padding-right:10px;border-right:1px solid rgba(33,33,33,.2)}.mobile-menu__socials-link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:var(--accent-color)}.title{display:block;text-align:center;margin-bottom:30px;font-weight:700;font-size:28px;line-height:1.17;letter-spacing:.03em;color:var(--dark-txt-color)}@media screen and (min-width: 1200px){.title{margin-bottom:50px;font-weight:700;font-size:36px;line-height:1.17;letter-spacing:.03em}}.main-title{margin-left:auto;margin-right:auto;margin-bottom:var(--set-gap);font-weight:900;font-size:26px;line-height:1.62;letter-spacing:.06em;text-align:center;text-transform:uppercase;color:var(--white-color)}@media screen and (max-width: 479px){.main-title{width:100%}}@media screen and (min-width: 768px){.main-title{width:360px}}@media screen and (min-width: 1200px){.main-title{font-weight:900;font-size:44px;line-height:1.36;letter-spacing:.06em;width:696px}}.contacts__item:not(:last-child){margin-right:50px}@media screen and (min-width: 768px)and (max-width: 1199px){.contacts__item:not(:last-child){margin-right:0}}.contacts__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contacts__link--header{color:var(--main-txt-color)}.contacts__link-icon{margin-right:10px;fill:currentColor}.contacts__item{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}.img-overlay{position:relative;display:block;overflow:hidden}.overlay__text{font-weight:400;font-size:18px;line-height:1.56;letter-spacing:.03em;color:var(--white-color);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;position:absolute;top:0;left:0;-webkit-transform:translateY(101%);transform:translateY(101%);display:flex;align-items:center;justify-content:center;background:rgba(33,150,243,.9);-webkit-transition:-webkit-transform var(--animation);transition:-webkit-transform var(--animation);transition:transform var(--animation);transition:transform var(--animation), -webkit-transform var(--animation);width:100%;height:100%}@media screen and (max-width: 1199px){.overlay__text{padding:77px 24px}}@media screen and (max-width: 1199px)and (max-width: 479px){.overlay__text{padding:24px;font-size:14px}}@media screen and (min-width: 1200px){.overlay__text{padding:63px 24px}}.custom-checkbox{margin-right:7px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:16px;height:15px;border-radius:2px;color:var(--white-color);outline:2px solid var(--dark-txt-color);outline-offset:-1px;-webkit-transition:background-color var(--animation),outline-color var(--animation);transition:background-color var(--animation),outline-color var(--animation)}.custom-checkbox__icon{fill:currentColor;-webkit-transition:fill var(--animation);transition:fill var(--animation)}.close-btn{position:absolute;top:0;right:0;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;cursor:pointer;margin-right:8px;margin-top:8px;width:30px;height:30px;background-color:var(--white-color);border:1px solid rgba(0,0,0,.1);border-radius:50%;color:var(--header-logo-color);-webkit-transition:color var(--animation);transition:color var(--animation)}.close-btn:hover{color:var(--accent-color)}.close-icon{fill:currentColor}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:100;opacity:1;visibility:visible;pointer-events:initial;-webkit-transition:opacity var(--animation),visibility var(--animation);transition:opacity var(--animation),visibility var(--animation)}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:inherit}header{background-color:var(--white-color);border-bottom:1px solid #ececec}.header--index{border:none}.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__logo{padding-top:16px;padding-bottom:16px}@media screen and (min-width: 768px){.header__logo{padding-top:26px;padding-bottom:26px;margin-right:88px}}@media screen and (min-width: 1200px){.header__logo{padding-top:24px;padding-bottom:25px;margin-right:93px}}.logo--header{color:var(--header-logo-color)}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__item:not(:last-child){margin-right:50px}.nav__list{display:none}@media screen and (min-width: 768px){.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.nav__link{display:block;padding-top:32px;padding-bottom:32px;color:var(--dark-txt-color);-webkit-transition:color var(--animation);transition:color var(--animation)}.nav__link--current{position:relative;color:var(--accent-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__link--current::after{position:absolute;content:"";bottom:0;left:0;width:100%;height:4px;display:inline-block;background-color:var(--accent-color);border-radius:4px}.header__link{padding-top:32px;padding-bottom:32px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;-webkit-transition:color var(--animation);transition:color var(--animation)}.header__link:hover,.header__link:focus{color:var(--accent-color)}.header__contacts{display:none;-webkit-transition:color var(--animation);transition:color var(--animation)}@media screen and (min-width: 768px)and (max-width: 1199px){.header__contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:auto}}@media screen and (min-width: 1200px){.header__contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto}}@media screen and (min-width: 768px)and (max-width: 1199px){.contacts__link--header{padding-bottom:0;padding-top:0;font-size:12px;line-height:1.17}}@media screen and (min-width: 768px)and (max-width: 1199px){.contacts__item--header:not(:last-child){margin-bottom:10px}}.hero{background-color:var(--second-section-color);max-width:1600px;min-height:400px;margin:0 auto;text-align:center;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(../images/hero/hero_sm.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero_sm.jpg)}@media screen and (max-width: 1199px){.hero{padding-top:118px;padding-bottom:128px}}@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(../images/hero/hero_sm@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero_sm@2x.jpg)}}@media screen and (min-width: 768px){.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(../images/hero/hero_md.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero_md.jpg)}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (-webkit-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:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero/hero_md@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero_md@2x.jpg)}}@media screen and (min-width: 1200px){.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(../images/hero/hero_lg.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero_lg.jpg);min-height:600px;padding-top:200px;padding-bottom:200px}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (-webkit-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:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero/hero_lg@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/hero_lg@2x.jpg)}}.skills{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 768px){.skills{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.skills{padding-top:94px;padding-bottom:94px}}.skills__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.skills__item{--items: 1}@media screen and (min-width: 768px){.skills__item{--items: 2}}@media screen and (min-width: 1200px){.skills__item{--items: 4}}.skills__icon-box{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:4px;background-color:var(--section-bg-color);margin-bottom:var(--set-gap);max-width:100%;height:120px}@media screen and (min-width: 768px){.skills__icon-box{max-width:100%}}@media screen and (min-width: 1200px){.skills__icon-box{max-width:100%}}.skills__title{margin-bottom:10px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--dark-txt-color)}@media screen and (max-width: 767px){.skills__title{text-align:center}}.skills__text{line-height:1.14;letter-spacing:.03em;color:var(--main-txt-color)}@media screen and (min-width: 1200px){.skills__text{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em}}.work{display:none}@media screen and (min-width: 1200px){.work{display:block;padding-top:0;padding-bottom:94px}}.work__list{display:-webkit-box;display:-ms-flexbox;display:flex}.work__item:not(:last-child){margin-right:var(--set-gap)}.work__item{position:relative}.work__description{position:absolute;bottom:0;left:0;display:block;width:100%;height:70px;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;margin:auto 0;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color);background-color:rgba(47,48,58,.8)}.team{background-color:#f5f4fa;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 768px){.team{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team__list{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}.team__item{--items: 1;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;overflow:hidden}@media screen and (min-width: 768px){.team__item{--items: 2}}@media screen and (min-width: 1200px){.team__item{--items: 4}}.team__person-descript{padding-top:var(--set-gap);padding-bottom:24px}@media screen and (min-width: 1200px){.team__person-descript{padding-bottom:var(--set-gap)}}.team__person-img{max-height:460px}@media screen and (min-width: 768px){.team__person-img{max-height:374px}}.team__person-name{font-weight:500;color:var(--dark-txt-color);margin-bottom:10px}.team__person-position{color:var(--main-txt-color)}.team__links{margin-top:16px}.person{font-size:16px;line-height:1.19;letter-spacing:.03em;text-align:center}.clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 768px){.clients{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.clients{padding-top:94px;padding-bottom:94px}}.clients__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 1200px){.clients__list{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.clients__item{--items: 2;height:92px}@media screen and (min-width: 768px){.clients__item{--items: 3}}@media screen and (min-width: 1200px){.clients__item{--items: 6}}.clients__link{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;width:100%;height:100%;color:var(--icon-color);border:1px solid #afb1b8;border-radius:4px;-webkit-transition:color var(--animation),border-color var(--animation);transition:color var(--animation),border-color var(--animation)}.clients__link:hover,.clients__link:focus{color:var(--accent-color);border-color:var(--accent-color)}.clients__icon{fill:currentColor}.portfolio{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.portfolio{padding-top:94px;padding-bottom:94px}}.portfolio__btns{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;row-gap:15px;margin-bottom:40px}@media screen and (max-width: 767px){.portfolio__btns{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media screen and (min-width: 768px){.portfolio__btns{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.portfolio__btns{margin-bottom:50px}}.portfolio__item{--items: 1;background:var(--white-color)}@media screen and (min-width: 768px){.portfolio__item{--items: 2}}@media screen and (min-width: 1200px){.portfolio__item{--items: 3}}.portfolio__link{display:block;-webkit-transition:-webkit-box-shadow var(--animation);transition:-webkit-box-shadow var(--animation);transition:box-shadow var(--animation);transition:box-shadow var(--animation), -webkit-box-shadow var(--animation)}.portfolio__link:hover,.portfolio__link:focus{-webkit-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);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__project-description,.portfolio__link:focus .portfolio__project-description{border-bottom:none}.portfolio__link:hover .overlay__text,.portfolio__link:focus .overla__text{-webkit-transform:translateY(0);transform:translateY(0)}.portfolio__link--grow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}@media screen and (max-width: 767px){.portfolio__img{max-height:294px}}.portfolio__project-description{padding:20px 24px;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee}.portfolio__project-description--grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.portfolio__project-name{font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--dark-txt-color)}.portfolio__project-type{margin-top:4px;font-size:16px;line-height:1.88;letter-spacing:.03em;color:var(--main-txt-color)}.footer{background-color:var(--second-section-color);padding-top:60px;padding-bottom:60px}.footer__section{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){.footer__section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__section{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 768px){.footer__section{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}.footer__appeal{display:block;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color);margin-bottom:20px}.footer__address{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 1199px){.footer__address{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}}@media screen and (max-width: 767px){.footer__address{margin-bottom:60px}}.footer__logo{display:block;margin-bottom:20px}.logo--footer{color:var(--white-color)}.footer__item:not(:last-child){margin-bottom:8px}.footer__link{font-style:normal;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em}.footer__place{color:var(--white-color);-webkit-transition:color var(--animation);transition:color var(--animation)}.footer__contact{color:rgba(255,255,255,.6);-webkit-transition:color var(--animation);transition:color var(--animation)}.footer__place:hover,.footer__place:focus,.footer__contact:hover,.footer__contact:focus{color:var(--accent-color)}.footer__social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width: 767px){.footer__social{margin-bottom:60px}}@media screen and (min-width: 768px){.footer__social{margin-left:165px}}@media screen and (min-width: 1200px){.footer__social{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-left:70px}}.footer-socials{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__form{margin-top:60px}}@media screen and (min-width: 1200px){.footer__form{max-width:570px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-left:auto}}.footer__field{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-align:center;-ms-flex-align:center;align-items:center;justify-items:start;width:100%}@media screen and (min-width: 1200px){.footer__field{max-width:570px;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.footer__email{height:50px;margin-bottom:20px;width:100%}@media screen and (min-width: 1200px){.footer__email{max-width:358px;margin-right:12px}}.footer__input{width:100%;margin-right:auto;margin-left:auto;max-width:450px;height:100%;padding-top:15px;padding-bottom:15px;padding-left:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(255,255,255,.6);background-color:rgba(0,0,0,0);outline:rgba(0,0,0,0);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;-webkit-transition:border-color var(--animation);transition:border-color var(--animation)}.footer__input:focus{border-color:var(--accent-color)}.footer__input-icon{fill:currentColor}.footer__input .footer__input::-webkit-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em}.footer__input .footer__input::-moz-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em}.footer__input .footer__input:-ms-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em}.footer__input .footer__input::-ms-input-placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em}.footer__input .footer__input::placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em}.footer__btn{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;width:200px;padding:10px 29px;background-color:var(--accent-color);color:var(--white-color);border:none;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px}.footer__btn-text{margin-right:10px}.modal{position:absolute;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-align:center;-ms-flex-align:center;align-items:center;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:40px;width:100%;margin-left:auto;margin-right:auto;background-color:var(--white-color);-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:4px;overflow:hidden}@media screen and (max-width: 1199px){.modal{max-height:609px;max-width:450px}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.modal__title{font-weight:700;font-size:20px;line-height:1.5;letter-spacing:.03em;margin-bottom:12px}.modal__register-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal__register-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}@media screen and (max-width: 1199px){.modal__register-field{max-width:370px}}@media screen and (min-width: 1200px){.modal__register-field{width:448px}}.modal__last-field{margin-bottom:20px}.modal__register-label{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--main-txt-color);margin-bottom:4px}.modal__register-input{width:100%;height:40px;background-color:rgba(0,0,0,0);padding-left:42px;font-size:14px;line-height:1.14;letter-spacing:.01em;color:var(--header-logo-color);border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0);-webkit-transition:border-color var(--animation);transition:border-color var(--animation)}.modal__register-input:focus{border-color:var(--accent-color)}.modal__register-input:focus+.modal__register-icon{fill:var(--accent-color)}.modal__register-icon{position:absolute;top:50%;left:0;margin-left:15px;-webkit-transition:fill var(--animation);transition:fill var(--animation)}.modal__register-text{height:120px;padding:12px 16px;resize:none}.modal__register-text::-webkit-input-placeholder{font-weight:400;font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__register-text::-moz-placeholder{font-weight:400;font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__register-text:-ms-input-placeholder{font-weight:400;font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__register-text::-ms-input-placeholder{font-weight:400;font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__register-text::placeholder{font-weight:400;font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__btn--send{padding:10px 56px;width:200px;border:none;margin:0 auto;background-color:var(--accent-color);color:var(--white-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px}.modal__register-checkbox{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-bottom:30px}.modal__checkbox-input:checked+.custom-checkbox{background-color:var(--accent-color);outline-color:var(--accent-color)}.modal__agree-text{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.03em;color:var(--main-txt-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 1200px){.modal__agree-text{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em}}.modal__agree-link{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.03em;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#2196f3}@media screen and (min-width: 1200px){.modal__agree-link{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em}}/*# sourceMappingURL=main.min.css.map */