:root{--primary-color: #212121;--secondary-color: #f5f4fa;--accent-color: #e5e5e5;--color-grey: #757575;--common-white: #ffffff;--color-blue: #2196f3;--color-hero: #2f303a;--color-portfolio: #f5f5f5;--main-font: "Roboto", sans-serif;--title-size: 44px;--text-size: 14px;--indent: 30px;--items: 3;--anim: 250ms cubic-bezier(0.4, 0, 0.2, 1)}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:-1px}.clients,.team,.benefits,.hero{padding-top:94px;padding-bottom:94px}body{font-family:"Roboto",sans-serif;color:var(--primary-color);background-color:var(--common-white);font-size:var(--text-size)}h1,h2,h3,h4,h5,h6,p{margin:0}.link{text-decoration:none;color:currentColor}.list{list-style:none;margin:0;padding:0}img{display:block;max-width:100%;height:auto}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 768px){.section{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.container{margin:0 auto;padding-left:15px;padding-right:15px;width:100%}@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}}.section-title{margin-bottom:30px;font-size:28px;line-height:1.17;text-align:center;letter-spacing:.03em}@media screen and (min-width: 768px){.section-title{margin-bottom:30px;font-size:28px;line-height:1.17}}@media screen and (min-width: 1200px){.section-title{margin-bottom:50px;font-size:36px;line-height:1.16}}.logo{font-family:"Raleway";font-weight:700;font-size:24px;line-height:1.16;letter-spacing:.03em;color:var(--color-blue);text-decoration:none}@media screen and (min-width: 768px){.logo{font-size:24px;line-height:1.16}}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19}}.logo__container{margin-right:93px}.logo__span{color:#000}.nav{display:none}@media screen and (min-width: 768px){.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:auto}}@media screen and (min-width: 1200px){.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:auto}}.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px}.nav__link{display:block;font-weight:500;line-height:1.14;letter-spacing:.02em;color:var(--primary-color);text-decoration:none;padding:32px 0;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.nav__link:hover{color:var(--color-blue)}.nav__link:focus{color:var(--color-blue)}.nav--bottom-line{color:var(--color-blue)}.nav__item{position:relative}.nav--bottom-line::after{content:"";display:block;width:48px;height:4px;background-color:var(--color-blue);border-radius:2px;position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%);transform:translate(-50%)}.socials{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;gap:10px}.socials-list{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;gap:10px}.socials__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;width:44px;height:44px;border-radius:50%;background-color:var(--common-white);-webkit-transition:background-color var(--anim);transition:background-color var(--anim)}.socials__link:hover{background-color:var(--color-blue)}.socials__link:focus{background-color:var(--color-blue)}.socials__icon{fill:#afb1b8;-webkit-transition:fill var(--anim);transition:fill var(--anim)}.socials__link:hover .socials__icon,.socials__link:focus .socials__icon{fill:var(--common-white)}.backdrop{position:fixed;top:0;left:0;z-index:100;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%;background-color:rgba(0,0,0,.2);-webkit-transition:opacity var(--anim),visibility var(--anim);transition:opacity var(--anim),visibility var(--anim)}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal{position:relative;padding:12% 7%;opacity:1;-webkit-transform:scale(1);transform:scale(1);width:100%;max-width:450px;background-color:#fff;border-radius:4px;-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);-webkit-transition:opacity var(--anim),-webkit-transform var(--anim);transition:opacity var(--anim),-webkit-transform var(--anim);transition:transform var(--anim),opacity var(--anim);transition:transform var(--anim),opacity var(--anim),-webkit-transform var(--anim);-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@media screen and (min-width: 480px){.modal{padding:40px}}@media screen and (max-width: 767px){.modal{margin:0 auto}}@media screen and (min-width: 768px){.modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}}@media screen and (min-width: 768px)and (max-height: 600px){.modal{height:100vh;overflow-y:scroll}}@media screen and (min-width: 1200px){.modal{max-width:528px}}.backdrop.is-hidden .modal{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}@media screen and (min-width: 768px){.backdrop.is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(1.2);transform:translate(-50%, -50%) scale(1.2)}}.modal-btn{position:absolute;top:8px;right:8px;padding:0;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:30px;height:30px;background-color:rgba(0,0,0,0);border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer}.modal-icon{fill:#000;-webkit-transition:fill var(--anim);transition:fill var(--anim)}.modal-icon:hover,.modal-icon:focus{fill:var(--color-blue)}.modal-label{display:block;text-align:center;margin-bottom:12px;font-family:"Roboto";font-weight:700;font-size:20px;line-height:1.15;letter-spacing:.03em;color:#212121}@media screen and (max-width: 1199px){.modal-label{max-width:370px}}.modal-form-label{display:block;margin-bottom:4px;font-family:"Roboto";font-weight:400;font-size:12px;line-height:1.16;letter-spacing:.01em;color:#757575}.modal-form-wrapper{position:relative;margin-bottom:10px}.modal-form-field{padding-left:42px;padding-right:42px;width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:1px solid rgba(0,0,0,0);outline-offset:-1px;-webkit-transition:border var(--anim);transition:border var(--anim)}.modal-form-field:focus{outline-color:var(--color-blue)}.modal-form-icon{position:absolute;top:50%;left:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:fill var(--anim);transition:fill var(--anim)}.modal-form-field:focus+.modal-form-icon{fill:var(--color-blue)}.modal-form-message{display:block;padding:12px 16px;width:100%;height:120px;resize:none;border-radius:4px;border:1px solid rgba(33,33,33,.2);outline:1px solid rgba(0,0,0,0);outline-offset:-1px;-webkit-transition:outline var(--anim);transition:outline var(--anim)}.modal-form-message:focus{outline-color:var(--color-blue)}.modal-form-btn{padding:10px 52px;border:0;background-color:var(--color-blue);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;min-width:200px;min-height:50px;margin-left:auto;margin-right:auto;font-family:"Roboto";font-weight:700;font-size:16px;line-height:1.87;color:var(--common-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.modal-form-group{margin-bottom:20px}.modal-form-agreement{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;gap:7px;margin-bottom:30px}.modal-form-agreement-desc{font-size:10px;line-height:1.16;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#757575}@media screen and (min-width: 480px){.modal-form-agreement-desc{font-size:12px}}@media screen and (min-width: 1200px){.modal-form-agreement-desc{font-size:14px;line-height:1.71}}.modal-form-agreement-link{color:var(--color-blue);font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;text-underline-offset:2px}.img-uncheck{opacity:1;-webkit-transition:var(--anim);transition:var(--anim)}.modal-form-checkbox:checked+.modal-form-agreement-icon .img-uncheck{opacity:0}.img-check{opacity:0;-webkit-transition:var(--anim);transition:var(--anim)}.modal-form-checkbox:checked+.modal-form-agreement-icon .img-check{opacity:1}.menu-toggle{min-height:40px;min-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;padding:0;background-color:rgba(0,0,0,0);cursor:pointer;border:none;border-radius:50%;outline:none}@media screen and (min-width: 768px){.menu-toggle{display:none}}.menu-container{position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100vw;height:100vh;padding:10% 5%;background-color:#fff;-webkit-box-shadow:0px 4px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.08),0px 1px 3px rgba(0,0,0,.16);box-shadow:0px 4px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.08),0px 1px 3px rgba(0,0,0,.16);z-index:999;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 480px){.menu-container{padding:48px 40px}}.menu-container.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.menu-container .menu-toggle{position:absolute;top:16px;right:16px}.mobile-menu{gap:32px;margin-bottom:auto;list-style:none}.mobile-menu-item:not(:last-child){margin-bottom:32px}.mobile-menu-link{font-weight:500;font-size:35px;line-height:1.18;letter-spacing:.02em;color:#212121}@media screen and (min-width: 480px){.mobile-menu-link{font-size:40px}}.mobile-contacts{margin-bottom:64px}.mobile-contacts-item:not(:last-child){margin-bottom:32px}.mobile-contacts-link{font-weight:500;line-height:1.17;letter-spacing:.02em}.link-phone{font-size:30px;color:#2196f3}@media screen and (min-width: 480px){.link-phone{font-size:34px}}.link-mail{font-size:20px;color:#757575}@media screen and (min-width: 480px){.link-mail{font-size:24px}}.mobile-socials{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;gap:20px;color:#2196f3;max-width:357px}@media screen and (max-width: 319px){.mobile-socials{-ms-flex-wrap:wrap;flex-wrap:wrap}}.mobile-socials-item{position:relative}.mobile-socials-item:not(:last-child)::after{content:"";position:absolute;left:calc(100% + 10px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:22px;border:1px solid rgba(33,33,33,.2)}.mobile-socials-link{font-weight:500;font-size:12px;line-height:1.22;letter-spacing:.02em;color:#2196f3}@media screen and (min-width: 360px){.mobile-socials-link{font-size:14px}}@media screen and (min-width: 430px){.mobile-socials-link{font-size:16px}}@media screen and (min-width: 480px){.mobile-socials-link{font-size:18px}}.link-accent{color:#2196f3}.icon-close{fill:#000;-webkit-transition:fill var(--anim);transition:fill var(--anim)}.icon-close:hover,.icon-close:focus{fill:var(--color-blue)}.header-icon-open:hover,.icon-close:focus{fill:var(--color-blue)}.card-set{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--indent)}@media screen and (max-width: 767.98px){.card__set--item{width:100%}}@media screen and (min-width: 768px){.card__set--item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.card__set--item{width:calc((100% - 60px)/3)}}.header{border-bottom:1px solid #ececec}@media screen and (max-width: 767px){.header{padding:16px 0}}.icon-menu{fill:#000}.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767.98px){.contact{display:none}}@media screen and (min-width: 1200px){.contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.contact__icon{fill:currentColor;margin-right:10px}.list{list-style:none}.contact__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;line-height:1.14;letter-spacing:.02em;color:var(--color-grey);text-decoration:none;-webkit-transition:color var(--anim);transition:color var(--anim)}@media screen and (min-width: 768px){.contact__link{font-size:12px}}@media screen and (min-width: 1200px){.contact__link{padding-top:32px;padding-bottom:32px;font-size:14px;line-height:1.14}}.contact__link:hover{color:var(--color-blue)}.contact__link:focus{color:var(--color-blue)}@media screen and (min-width: 768px)and (max-width: 1199.98px){.contact__item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.contact__item:not(:last-child){margin-right:40px}}.hero{margin-right:auto;margin-left:auto;padding-top:118px;padding-bottom:118px;text-align:center;background-color:var(--color-hero);background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (max-width: 767.98px){.hero{background-size:480px;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/bg_sm@1x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero/bg_sm@1x.jpg)}}@media screen and (max-width: 767.98px)and (min-device-pixel-ratio: 2),screen and (max-width: 767.98px)and (-webkit-min-device-pixel-ratio: 2),screen and (max-width: 767.98px)and (min-resolution: 192dpi),screen and (max-width: 767.98px)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/bg_sm@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero/bg_sm@2x.jpg)}}@media screen and (min-width: 768px){.hero{background-size:768px;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/bg_md@1x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero/bg_md@1x.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(../img/hero/bg_md@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero/bg_md@2x.jpg)}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px;background-size:1600px;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/bg_lg@1x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero/bg_lg@1x.jpg)}}@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(../img/hero/bg_lg@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/hero/bg_lg@2x.jpg)}}.hero__title{margin-left:auto;margin-right:auto;margin-bottom:30px;max-width:360px;font-weight:900;font-size:26px;line-height:1.61;letter-spacing:.06em;text-transform:uppercase;color:var(--common-white)}@media screen and (max-width: 767.98px){.hero__title{max-width:360px;font-size:26px;line-height:1.61}}@media screen and (min-width: 1200px){.hero__title{max-width:696px;font-size:44px;line-height:1.36}}.hero__btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 24px;min-height:50px;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;border:none;border-radius:4px;color:var(--common-white);background-color:var(--color-blue);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);cursor:pointer}@media screen and (min-width: 1200px){.hero__btn{padding:10px 32px}}@media screen and (min-width: 1200px){.benefits{padding-bottom:0}}.benefits__title{margin-bottom:10px;font-size:14px;line-height:1.14;text-transform:uppercase;color:var(--primary-color)}@media screen and (max-width: 767px){.benefits__title{text-align:center}}.benefits__text{line-height:1.71;letter-spacing:.03em;color:var(--color-grey)}@media screen and (min-width: 768px){.benefits__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px}}@media screen and (max-width: 1199px){.benefits__list{-ms-flex-wrap:wrap;flex-wrap:wrap}}.benefits__items{width:100%}@media screen and (min-width: 768px)and (max-width: 1199px){.benefits__items{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.benefits__items{width:calc((100% - 90px)/4)}}@media screen and (max-width: 767px){.benefits__items:not(:last-child){margin-bottom:30px}}.benefits-icon__container{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f5f4fa;border-radius:4px;height:120px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.benefits__icon{--color1: #212121;--color2: #2196f3}@media screen and (max-width: 1199.98px){.about{display:none}}.about__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--indent)}.about__item{position:relative}.about__overlay{width:100%;position:absolute;bottom:0;padding-top:27px;padding-bottom:27px;background-color:rgba(47,48,58,.8)}.about__overlay--text{text-transform:uppercase;font-weight:700;font-size:14px;text-align:center;color:var(--common-white)}.team__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--indent)}.team{background:var(--secondary-color)}.team__item{background:var(--common-white);-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: 767.98px){.team__item{width:100%}}@media screen and (min-width: 768px){.team__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.team__item{width:calc((100% - 90px)/4)}}.team__img{width:100%;border-radius:0px}.team__name{margin-bottom:10px;font-weight:500;font-size:16px;line-height:1.18;text-align:center;letter-spacing:.03em}.team__card{padding-top:30px;padding-bottom:30px}.team__content{margin-bottom:16px;font-size:16px;line-height:1.18;text-align:center;letter-spacing:.03em;color:var(--color-grey)}.clients__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.clients__items{display:-webkit-box;display:-ms-flexbox;display:flex;height:92px}@media screen and (max-width: 767.98px){.clients__items{width:calc((100% - 30px)/2)}}@media screen and (min-width: 768px){.clients__items{width:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.clients__items{width:calc((100% - 150px)/6)}}.clients__title{margin-bottom:50px}.clients__icon{fill:#afb1b8}.clients__link{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #afb1b8;border-radius:4px;width:100%;height:92px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:border var(--anim);transition:border var(--anim)}.clients__icon{-webkit-transition:fill var(--anim);transition:fill var(--anim)}.clients__link:hover .clients__icon,.clients__link:focus .clients__icon{fill:var(--color-blue)}.clients__link:hover{border:1px solid var(--color-blue)}.clients__link:focus{border:1px solid var(--color-blue)}.footer{padding-top:60px;padding-bottom:60px;background-color:var(--color-hero)}@media screen and (min-width: 1200px){.footer__container{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}}@media screen and (max-width: 767px){.footer__contacts{margin-bottom:60px}}@media screen and (max-width: 1199px){.footer__contacts{text-align:center}}@media screen and (min-width: 1200px){.footer__contacts{margin-right:70px;min-width:231px}}@media screen and (max-width: 1199px){.footer__container--tablet{margin-bottom:60px}}@media screen and (min-width: 768px){.footer__container--tablet{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}.footer__list{line-height:1.71;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__item:not(:last-child){margin-bottom:8px}.footer__logo{margin-bottom:20px;color:var(--common-white)}.footer__link{font-style:normal;line-height:1.71;letter-spacing:.03em;color:var(--common-white);text-decoration:none}.footer__adress{margin-top:20px}.footer__contact{font-style:normal;line-height:1.71;letter-spacing:.03em;color:rgba(255,255,255,.6);text-decoration:none;-webkit-transition:color var(--anim);transition:color var(--anim)}.footer__contact:hover{color:var(--color-blue)}.footer__contact:focus{color:var(--color-blue)}@media screen and (max-width: 767.98px){.footer__socials{margin-bottom:60px}}@media screen and (min-width: 1200px){.footer__socials{margin-right:auto}}.footer__icon{fill:var(--common-white)}.footer__links{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:44px;height:44px;border-radius:50%;background-color:rgba(255,255,255,.1);-webkit-transition:background-color var(--anim);transition:background-color var(--anim)}.footer__links:hover{background-color:var(--color-blue)}.footer__links:focus{background-color:var(--color-blue)}@media screen and (max-width: 1199px){.footer-form{margin:0 auto}}@media screen and (min-width: 1200px){.footer-form{margin-left:auto}}.footer__text{margin-bottom:20px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--common-white)}@media screen and (max-width: 1199px){.footer__text{text-align:center}}.footer-send-blok{position:relative}@media screen and (max-width: 1199px){.footer-send-blok{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}}@media screen and (min-width: 1200px){.footer-send-blok{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.footer-label{width:100%;max-width:450px}@media screen and (max-width: 1199px){.footer-label{margin-bottom:20px}}.footer-input{padding:0 16px;width:100%;max-width:450px;height:50px;color:var(--common-white);background-color: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;outline:1px solid rgba(0,0,0,0);outline-offset:-1px}@media screen and (min-width: 1200px){.footer-input{width:358px;margin-right:12px}}@media screen and (max-width: 1199.98px){.footer-input{margin-bottom:20px}}.footer-btn-send{gap:10px;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;min-width:200px;padding:10px;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;color:var(--common-white);background-color:var(--color-blue);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border:none;border-radius:4px;-webkit-transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-btn-send-icon{fill:var(--common-white)}.nav--page-portfolio::after{content:"";display:block;width:78px;height:4px;background-color:var(--color-blue);border-radius:2px;position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%);transform:translate(-50%)}.menu__btn{padding:6px 22px;border:0;border-radius:4px;font-weight:500;font-size:16px;line-height:1.62;text-align:center;letter-spacing:.03em;color:var(--primary-color);background:var(--secondary-color);cursor:pointer;-webkit-transition:color var(--anim),background-color var(--anim),-webkit-box-shadow var(--anim);transition:color var(--anim),background-color var(--anim),-webkit-box-shadow var(--anim);transition:color var(--anim),background-color var(--anim),box-shadow var(--anim);transition:color var(--anim),background-color var(--anim),box-shadow var(--anim),-webkit-box-shadow var(--anim)}.menu__btn:hover{background-color:var(--color-blue);color:var(--common-white);-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)}.menu__btn:focus{background-color:var(--color-blue);color:var(--common-white)}.menu__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:15px;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px}@media screen and (max-width: 767.98px){.menu__list{margin-bottom:40px}}@media screen and (min-width: 768px){.menu__list{margin-bottom:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.menu__list{margin-bottom:50px}}.portfolio__list{background-color:var(--common-white)}.portfolio__thumb{position:relative;overflow:hidden}.portfolio__overlay{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateY(100%);transform:translateY(100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:63px 24px;-webkit-transform:translateY(101%);transform:translateY(101%);background-color:rgba(33,150,243,.9);-webkit-transition:-webkit-transform var(--anim);transition:-webkit-transform var(--anim);transition:transform var(--anim);transition:transform var(--anim), -webkit-transform var(--anim)}.portfolio__overlay--text{padding:63px 24px;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:.03em;color:var(--common-white);text-align:left}.portfolio__list:hover .portfolio__overlay{-webkit-transform:translateY(0);transform:translateY(0)}.portfolio__link{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%;text-decoration:none;color:var(--primary-color);-webkit-transition:-webkit-box-shadow var(--anim);transition:-webkit-box-shadow var(--anim);transition:box-shadow var(--anim);transition:box-shadow var(--anim), -webkit-box-shadow var(--anim)}.portfolio__link:hover{-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__card{padding:20px 24px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:1px solid #eee;border-top:none}.portfolio__title{margin-bottom:4px;font-size:18px;line-height:2;letter-spacing:.06em}.portfolio__text{font-size:16px;line-height:1.88;letter-spacing:.03em;color:var(--color-grey)}/*# sourceMappingURL=main.min.css.map */