:root{--primary-text-color: #757575;--title-text-color: #212121;--accent-color: #2196f3;--primary-white-color: #ffffff;--background-dark-color: #2f303a;--background-grey-color: #f5f4fa;--black-color: #000000;--footer--link: rgba(255, 255, 255, 0.6);--main-button-active: #188ce8;--border-color: #ececec;--svg-color: #afb1b8;--hero-background: rgba(196, 196, 196, 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}.body{background-color:var(--primary-white-color);color:var(--primary-text-color);font-family:Roboto,sans-serif;letter-spacing:.03em;font-size:14px;margin:0}.no-scroll{overflow:hidden}.list{list-style:none;padding:0;margin:0}button{font-family:inherit}.button{background-color:var(--background-grey-color);color:var(--title-text-color);border:none}.button.primary{background-color:var(--accent-color);color:var(--primary-white-color);font-weight:700;font-size:16px;line-height:1.87;text-align:center;letter-spacing:.06em;padding:10px 24px;border-radius:4px;box-shadow:0px 4px 4px rgba(0,0,0,.15);min-width:200px;transition-property:background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.button.primary{padding:10px 32px;min-width:216px}}.button.primary:hover,.button.primary:focus{background-color:var(--main-button-active);cursor:pointer}.button.secondary{background-color:var(--background-grey-color);color:var(--title-text-color);font-weight:500;font-size:16px;line-height:1.6;text-align:center;letter-spacing:.03em;border-radius:4px;padding:6px 22px;border:1px solid rgba(0,0,0,0);transition-property:color,box-shadow,background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.button.secondary:hover,.button.secondary:focus{background-color:var(--accent-color);color:var(--primary-white-color);cursor:pointer;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)}.buttons{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;margin-bottom:40px;-moz-column-gap:8px;column-gap:8px;row-gap:15px}@media screen and (min-width: 768px){.buttons{justify-content:center;align-items:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.buttons{margin-bottom:50px}}img{display:block;max-width:100%;height:auto}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section__title{color:var(--title-text-color);font-weight:700;font-size:28px;line-height:1.17;text-align:center;margin-top:0;margin-bottom:30px}@media screen and (min-width: 1200px){.section__title{font-size:36px;line-height:1.16;margin-bottom:50px}}.container{width:100%;margin:0 auto;padding-left:15px;padding-right:15px}@media screen and (min-width: 480px){.container{max-width:480px}}@media screen and (min-width: 768px){.container{max-width:768px}}@media screen and (min-width: 1200px){.container{max-width:1200px}}.header{border-bottom:1px solid var(--border-color)}.logo{color:var(--accent-color);font-family:Raleway,sans-serif;font-size:24px;line-height:1.19;text-decoration:none;padding-top:16px;padding-bottom:16px}.logo-studio{color:var(--black-color)}@media screen and (min-width: 1200px){.logo{padding-top:0;padding-bottom:0;font-size:26px}}.site-nav{display:none;margin-left:87px;gap:50px}@media screen and (min-width: 768px){.site-nav{display:flex}}@media screen and (min-width: 1200px){.site-nav{display:flex;margin-left:93px}}.site-nav .link{display:block;padding-top:32px;padding-bottom:31px;color:var(--title-text-color);font-weight:500;line-height:1.14;letter-spacing:.02em;text-decoration:none;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.site-nav .link:hover,.site-nav .link:focus{color:var(--accent-color)}.site-nav .link.current,.mob-menu-link.current{color:var(--accent-color)}.site-nav .link.current::after,.mob-menu-link.current::after{content:"";border-radius:2px;height:4px;width:100%;background-color:var(--accent-color);display:block;position:absolute;bottom:0;transform:translateY(50%)}.site-nav .item{position:relative}.contacts{display:none;margin-left:auto}@media screen and (min-width: 768px){.contacts{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:12px}}@media screen and (min-width: 1200px){.contacts{display:flex;flex-direction:row;gap:50px;font-size:inherit}}.contacts-global-icon{color:var(--primary-text-color);display:flex;text-align:center;justify-content:center;padding-top:0px;padding-bottom:0px;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.contacts-global-icon{padding-top:32px;padding-bottom:32px}}.contacts-global-icon:hover,.contacts-global-icon:focus{color:var(--accent-color);fill:currentColor}.contacts a{color:var(--primary-text-color);font-weight:500;line-height:1.14;letter-spacing:.02em;text-decoration:none}.icon-contacts{align-self:center;fill:currentColor;margin-right:10px;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.icon-contacts:hover,.icon-contacts:focus{fill:currentColor}.main-menu{display:flex;align-items:center}.nav-menu{display:flex;align-items:center}.hero{padding-top:118px;padding-bottom:118px;margin-left:auto;margin-right:auto;max-width:1600px;height:400px;background-color:var(--hero-background);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-mob.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-mob-2x.jpg)}}@media screen and (min-width: 768px){.hero{padding-top:118px;padding-bottom:118px;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-tab.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:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-tab-2x.jpg)}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px;width:100%;height:600px;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-photo.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:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-photo-2x.jpg)}}.hero__title{margin-top:0;margin-bottom:30px;font-weight:900;font-size:26px;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-white-color)}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.36}}.work{padding-top:0}.principles__list{display:flex;flex-wrap:wrap;gap:30px}.principles__list .principles__item{width:100%}@media screen and (min-width: 768px){.principles__list .principles__item{width:354px}}@media screen and (min-width: 1200px){.principles__list .principles__item{width:calc((100% - 60px)/4);width:270px}}.principles__list p{display:flex;line-height:1.71;margin:0}.principles__icon{display:flex;justify-content:center;align-items:center;background-color:var(--background-grey-color);border-radius:4px;margin-bottom:30px;height:120px}.principles__title{color:var(--title-text-color);font-weight:700;font-size:inherit;line-height:1.14;text-transform:uppercase;margin-top:0;margin-bottom:10px;margin-right:0;text-align:center}@media screen and (min-width: 768px){.principles__title{text-align:unset}}@media screen and (min-width: 1200px){.principles__title{text-align:unset}}.work{display:none}@media screen and (min-width: 1200px){.work{display:block}}.work__list{display:flex;padding-top:0;gap:30px}.work__img{flex-basis:calc((100% - 60px)/3);position:relative}.work__title{position:absolute;bottom:0;width:100%;height:70px;font-weight:700;font-size:inherit;line-height:1.14;text-align:center;letter-spacing:.03em;margin:0;padding-top:27px;text-transform:uppercase;color:var(--primary-white-color);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.8), rgba(47, 48, 58, 0.8))}.team{background-color:var(--background-grey-color)}.team-list{display:flex;flex-wrap:wrap;gap:30px}.team-list .title{color:var(--title-text-color);display:inline-block;font-weight:500;font-size:16px;line-height:1.18;margin-top:0;margin-bottom:10px;text-align:center}.team-list p{font-size:16px;line-height:1.18;margin-top:0;margin-bottom:16px;padding-bottom:0}.team-photo{text-align:center;width:100%;background:#fff;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 (min-width: 768px){.team-photo{width:354px}}@media screen and (min-width: 1200px){.team-photo{width:270px}}.about-team{padding:30px 0 24px 0}@media screen and (min-width: 1200px){.about-team{padding:30px 0}}.social-list{display:flex;justify-content:center;align-items:center;gap:10px}.social-link{display:inline-flex;justify-content:center;align-items:center;height:44px;width:44px;border-radius:50%;color:var(--svg-color);transition-property:color,background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.social-link:hover,.social-link:focus{background-color:var(--accent-color);color:var(--primary-white-color)}.icon-social{fill:currentColor}.clients{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.clients__link{display:flex;justify-content:center;align-items:center;width:210px;height:92px;border:1px solid var(--svg-color);border-radius:4px;color:var(--svg-color);transition-property:border-color,color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.clients__link{width:226px}}@media screen and (min-width: 1200px){.clients__link{width:170px}}.clients__link:hover,.clients__link:focus{border-color:var(--accent-color);color:var(--accent-color)}.clients__icon{fill:currentColor}.footer{background-color:var(--background-dark-color);padding-top:60px;padding-bottom:60px}.footer-wrap{display:flex;flex-wrap:wrap;gap:60px;justify-content:center}@media screen and (min-width: 768px){.footer-wrap{justify-content:space-around}}@media screen and (min-width: 1200px){.footer-wrap{gap:70px;align-items:baseline}}.footer-box{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.footer-box{display:block}}.footer .footer-logo{display:block;margin-bottom:20px;color:var(--accent-color);font-family:Raleway,sans-serif;font-size:26px;line-height:1.19;text-decoration:none}.footer-logo-studio{color:var(--primary-white-color)}.footer-social{display:inline-flex;gap:10px;justify-content:center}.footer-social-title{font-weight:700;font-size:14px;line-height:1.1428571429;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-white-color);margin-bottom:20px;margin-top:0;text-align:center}@media screen and (min-width: 1200px){.footer-social-title{text-align:unset}}.footer-link{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;background-color:rgba(255,255,255,.1);color:var(--primary-white-color);transition-property:background-color,fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer-item a:focus,.footer-item a:hover{background-color:var(--accent-color);fill:var(--primary-white-color)}.footer-icon{fill:currentColor}.address{text-align:center}@media screen and (min-width: 1200px){.address{text-align:unset}}.actual-address{color:var(--primary-white-color);text-decoration:none;font-style:normal;line-height:1.5;display:inline-block;justify-content:center;margin-bottom:9px;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.actual-address:hover,.actual-address:focus{color:var(--accent-color)}.address-link-mail{color:var(--footer--link);text-decoration:none;font-style:normal;line-height:1.5;display:inline-block;margin-bottom:9px;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.address-link-mail:hover,.address-link-mail:focus{color:var(--accent-color)}.address-link-phone{color:var(--footer--link);text-decoration:none;font-style:normal;line-height:1.5;display:inline-block;margin-bottom:0;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.address-link-phone:hover,.address-link-phone:focus{color:var(--accent-color)}.subscribe-box{width:100%;display:block}@media screen and (min-width: 1200px){.subscribe-box{margin-left:auto;max-width:570px}}.subscribe-input{width:100%;max-width:450px;height:50px;color:var(--primary-white-color);padding-left:16px;outline:rgba(0,0,0,0);font-size:16px;line-height:1.25;display:flex;align-items:center;letter-spacing:.03em;background-color:var(--background-dark-color);border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;margin-bottom:20px}@media screen and (min-width: 1200px){.subscribe-input{margin-right:12px;width:358px;margin-bottom:0}}.subscribe-input::-moz-placeholder{font-size:16px;line-height:1.25;display:flex;align-items:center;letter-spacing:.03em;color:rgba(255,255,255,.6)}.subscribe-input:-ms-input-placeholder{font-size:16px;line-height:1.25;display:flex;align-items:center;letter-spacing:.03em;color:rgba(255,255,255,.6)}.subscribe-input::placeholder{font-size:16px;line-height:1.25;display:flex;align-items:center;letter-spacing:.03em;color:rgba(255,255,255,.6)}.sub-form{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center}@media screen and (max-width: 480px){.sub-form{width:100%}}@media screen and (min-width: 1200px){.sub-form{flex-direction:row}}.button.primary.sub{display:flex;justify-content:center;align-items:center;gap:10px;padding-left:28px;padding-right:28px;min-width:200px}.card{display:flex;flex-wrap:wrap;gap:30px}.card .card__link{display:flex;flex-direction:column;width:calc((100% - 60px)/3);height:100%;max-width:450px;width:100%}@media screen and (min-width: 768px){.card .card__link{max-width:354px}}@media screen and (min-width: 1200px){.card .card__link{max-width:370px}}.card__title{color:var(--title-text-color);font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;margin-top:0;margin-bottom:4px}.card__type{color:var(--primary-text-color);font-size:16px;line-height:1.87;margin:0}.card__content{display:flex;flex-grow:1;flex-direction:column;padding:20px 24px;border:1px solid #eee;border-top:none;background-color:var(--primary-white-color)}.card__box{position:relative;overflow:hidden}.card__grid a{text-decoration:none;transition-property:box-shadow,opacity;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.card__grid a:hover,.card__grid a:focus{opacity:1;box-shadow:1px 4px 6px 0px rgba(0,0,0,.16),0px 4px 4px 0px rgba(0,0,0,.06),0px 1px 1px 0px rgba(0,0,0,.12)}.card__text{margin:0;padding:63px 24px;font-size:18px;line-height:1.5;color:var(--primary-white-color);letter-spacing:.03em;position:absolute;top:0;background-color:rgba(33,150,243,.9);width:100%;height:100%;overflow:auto;opacity:0;transition-property:transform,opacity;transform:translateY(100%);transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.card__link:hover .card__text,.card__link:focus .card__text{opacity:1;transform:translateY(0)}.backdrop{width:100%;height:100%;position:fixed;transform:translateX(0);top:0;background-color:rgba(0,0,0,.2);visibility:visible;opacity:1;pointer-events:initial;transition-property:visibility,opacity,transform;transition-duration:250ms;transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.is-hidden{transform:translateX(100%);visibility:hidden;opacity:0;pointer-events:none}.modal{width:100%;max-width:450px;background-color:var(--primary-white-color);border-radius:4px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);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);padding:40px}@media screen and (min-width: 1200px){.modal{max-width:528px}}.close-button{position:absolute;right:8px;top:8px;width:30px;height:30px;border:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,0);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.close-icon{transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.close-button:hover .close-icon,.close-button:focus .close-icon{fill:var(--accent-color)}.form-title{font-weight:700;font-size:20px;line-height:1.5;text-align:center;letter-spacing:.03em;margin-top:0;margin-bottom:12px;color:var(--black-color)}@media screen and (min-width: 1200px){.form-title{line-height:1.15}}.label-text{font-size:12px;line-height:1.16;letter-spacing:.01em;color:#757575;display:block;margin-bottom:4px}.input-wrap{position:relative}.input-box{margin-bottom:10px}.input-box.comment{margin-bottom:20px}.input-box.agreement{margin-bottom:30px}.input-style{width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:38px;outline:rgba(0,0,0,0);transition-property:color,fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.input-style:focus{border-color:var(--accent-color)}.icon-form{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.input-style:focus+.icon-form{fill:var(--accent-color)}.coment{width:100%;height:120px;font-size:14px;padding:12px;resize:none}.coment::-moz-placeholder{font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.coment:-ms-input-placeholder{font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.coment::placeholder{font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.privacy-text{display:flex;justify-content:center;align-items:center;font-size:12px;line-height:1.16;letter-spacing:.03em}@media screen and (min-width: 1200px){.privacy-text{font-size:14px;line-height:1.7}}.icon-check{width:16px;height:15px;margin-right:8px;outline:2px solid #000;outline-offset:-2px;border-radius:2px;fill:rgba(0,0,0,0)}.input-check:checked+.privacy-text span{background-color:var(--accent-color);outline:rgba(0,0,0,0)}.privacy-link{color:var(--accent-color);text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.modal-btn{display:flex;max-width:200px;justify-content:center;margin:0 auto}.mob-menu-btn{background-color:var(--primary-white-color);border:none;margin-left:auto}@media screen and (min-width: 768px){.mob-menu-btn{display:none}}@media screen and (min-width: 1200px){.mob-menu-btn{display:none}}.mob-menu{background-color:var(--primary-white-color);position:fixed;top:0;z-index:1;width:100vw;height:100vh;padding:48px 40px;transform:translateX(100%);transition-duration:250ms;transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media screen and (min-width: 768px){.mob-menu{display:none}}@media screen and (min-width: 1200px){.mob-menu{display:none}}.is-open{transform:translateX(0);opacity:1}.mob-menu-close{background-color:var(--primary-white-color);border:none;display:block;margin-left:auto;position:absolute;right:15px;top:10px;width:40px;height:40px;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mob-menu-close:active{fill:var(--accent-color)}.mob-menu-item:not(:last-child){margin-bottom:32px}.mob-menu{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;overflow:auto}.mob-menu-link{font-weight:500;font-size:40px;line-height:1.17;letter-spacing:.02em;text-decoration:none;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--title-text-color)}.mob-menu-link:active{color:var(--accent-color)}.mob-menu-tel-item{margin-bottom:32px}.mob-menu-mail-item{margin-bottom:64px}.mob-link{text-decoration:none;font-weight:500;font-size:34px;line-height:1.17;letter-spacing:.02em;color:var(--accent-color);margin-bottom:32px}.mail-link{text-decoration:none;font-weight:500;font-size:24px;line-height:1.16;letter-spacing:.02em;color:#757575}.mob-menu-social{display:flex;gap:10px}.mob-menu-social-link{text-decoration:none;font-weight:500;font-size:18px;line-height:1.2;letter-spacing:.02em;color:var(--accent-color)}.mob-menu-social-item:not(:last-child){border:1px solid rgba(33,33,33,.2);border-bottom:none;border-top:none;border-left:none;padding-right:10px}/*# sourceMappingURL=main.min.css.map */