:root{--primary-text-color: #212121;--secondary-text-color: #757575;--accent-color: #2196f3;--primary-white-color: #ffffff;--secondary-bg-color: #2f303a;--opacity-white-color: rgba(255, 255, 255, 0.6);--only-black: #000000;--rare-bg-color: #f5f4fa;--secondary-blue-color: #188ce8;--secondary-border-color: #eeeeee;--primary-btn-color: #f5f4fa;--icon-color: #afb1b8;--transition-hover-bg: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-hover-color: color 250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-hover-shadow: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-hover-transform: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-hover-border: border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-hover-fill: fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}p,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{list-style:none;margin:0;padding:0}button{cursor:pointer}address{font-style:normal}img{display:block;max-width:100%;height:auto}body{font-family:"Roboto",sans-serif;font-size:14px;color:var(--primary-text-color);background-color:var(--primary-white-color)}.section{padding-top:94px;padding-bottom:94px}.list{list-style:none}.link{text-decoration:none}.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}.container{width:1200px;padding:0px 15px;margin:0 auto}.title{font-size:36px;line-height:1.17;letter-spacing:.03em;text-align:center;margin-bottom:50px}.modal{width:528px;min-height:581px;position:absolute;top:50%;left:50%;padding:40px;background-color:var(--primary-white-color);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:4px;transform:translate(-50%, -50%) rotate(0) scale(1);transition:transform 1000ms ease-in-out,border-radius 1000ms ease-in-out}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) rotate(-360deg) scale(0);border-radius:50%}.modal-title{font-weight:700;font-size:20px;line-height:1.15;letter-spacing:.03em;text-align:center;margin-bottom:12px}.modal-input{width:100%;height:40px;font-size:13px;padding-left:42px;outline:rgba(0,0,0,0);color:var(--secondary-text-color);border:1px solid rgba(33,33,33,.2);border-radius:4px;transition:var(--transition-hover-border)}.modal-input:focus{border-color:var(--accent-color)}.btn-close{width:30px;height:30px;position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;color:var(--only-black);background-color:rgba(0,0,0,0);border-radius:50%;border:1px solid rgba(0,0,0,.1);transition:var(--transition-hover-color)}.btn-close-icon{fill:currentColor}.btn-close:hover .btn-close-icon{color:var(--accent-color)}.input-box{margin-bottom:10px}.input-label{display:block;margin-bottom:4px;font-size:12px;color:var(--secondary-text-color)}.input-wrap{position:relative}.comment-text{width:100%;height:120px;padding:12px 16px;font-size:13px;color:var(--secondary-text-color);border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0);resize:none;transition:var(--transition-hover-border)}.comment-text:focus{border-color:var(--accent-color)}.comment-text::-moz-placeholder{font-size:12px;color:rgba(117,117,117,.5)}.comment-text:-ms-input-placeholder{font-size:12px;color:rgba(117,117,117,.5)}.comment-text::placeholder{font-size:12px;color:rgba(117,117,117,.5)}.modal-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);transition:var(--transition-hover-fill)}.modal-input:focus+.modal-input-icon{fill:var(--accent-color)}.btn-send{padding:10px 52px;box-shadow:0px 4px 4px rgba(0,0,0,.15)}.logo{font-family:"Raleway",sans-serif;font-size:26px;line-height:1.19;letter-spacing:.03em;text-decoration:none;display:inline-block;color:var(--accent-color)}.navigation__logo{color:var(--only-black)}.footer-wrap__logo{color:var(--primary-white-color)}.backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.2);position:fixed;top:0;transition:opacity 1000ms ease-in-out,visibility 1000ms ease-in-out}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.btn{display:block;margin:0 auto;font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;border-color:rgba(0,0,0,0);border-radius:4px;border:none;color:var(--primary-white-color);background-color:var(--accent-color);transition:var(--transition-hover-bg)}.btn:hover,.btn:focus{background:var(--secondary-blue-color)}.input-box-privacy{margin-top:10px;margin-bottom:30px;display:flex;justify-content:center}.check-text{color:var(--secondary-text-color);display:flex;align-items:center}.check-text span{width:16px;height:15px;border:2px solid var(--primary-text-color);border-radius:3px;margin-right:8px;display:flex;align-items:center;justify-content:center;fill:rgba(0,0,0,0);transition:var(--transition-hover-bg),var(--transition-hover-border),var(--transition-hover-fill)}.check-input:checked+.check-text span{background-color:var(--accent-color);border-color:rgba(0,0,0,0);fill:var(--primary-white-color)}.check-input:focus+.check-text span{border-color:var(--accent-color)}.check-link{position:relative;color:var(--accent-color);margin-left:4px}.check-link::after{position:absolute;bottom:0px;content:"";display:block;width:100%;height:1px;background-color:var(--accent-color)}.soc-list{display:flex;justify-content:center;gap:10px}.soc-item{width:44px;height:44px}.soc-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%}.header{border-bottom:1px solid #ececec}.header__container{display:flex;align-items:center}.navigation{display:flex;align-items:center}.navigation__menu{display:flex;gap:50px;margin-left:93px}.navigation__menu .link{font-weight:500;line-height:1.14;letter-spacing:.02em;color:var(--primary-text-color);display:block;padding:32px 0px;transition:var(--transition-hover-color)}.navigation__menu .link:hover,.navigation__menu .link:focus,.navigation__menu .link:active{color:var(--accent-color)}.navigation__menu .link.current{color:var(--accent-color);position:relative}.current::after{position:absolute;bottom:-1px;content:"";display:block;width:100%;height:4px;background-color:var(--accent-color);border-radius:2px}.header__contacts{display:flex;gap:50px;margin-left:auto;align-items:center}.header__contacts .link{font-weight:500;line-height:1.14;letter-spacing:.02em;color:var(--secondary-text-color);display:flex;align-items:center;transition:var(--transition-hover-color)}.header__contacts .link:hover,.header__contacts .link:focus{color:var(--accent-color)}.contacts__icon{fill:currentColor;margin-right:10px}.hero-section{text-align:center;padding-left:auto;padding-right:auto;padding-top:200px;padding-bottom:200px;background-color:var(--secondary-bg-color);max-width:1600px;height:600px;margin-left:auto;margin-right:auto;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/background-hero.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.hero-section__container{align-items:center}.hero-section__title{font-weight:900;font-size:44px;line-height:1.36;letter-spacing:.06em;text-transform:uppercase;display:inline-block;margin-bottom:30px;max-width:696px;color:var(--primary-white-color)}.hero-section__btn{padding:10px 32px}.benefits{padding-top:94px}.benefits__container{display:flex}.benefits__list{display:flex;gap:30px}.benefits__item{flex-basis:calc((100% - 90px)/4)}.benefits__title{font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;margin-bottom:10px}.benefits__text{line-height:1.71;letter-spacing:.03em;color:var(--secondary-text-color)}.benefits__box{display:flex;justify-content:center;align-items:center;width:270px;height:120px;margin-bottom:30px;background-color:var(--rare-bg-color)}.examples-list{display:flex;gap:30px}.examples-list__item{flex-basis:calc((100% - 60px)/3)}.examples-list__wrap{position:relative}.examples-list__text{font-weight:700;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-white-color);display:flex;align-items:center;justify-content:center;padding-top:27px;padding-bottom:27px;position:absolute;bottom:0;width:100%;background-color:rgba(47,48,58,.8)}.team{background-color:var(--rare-bg-color)}.team-list{display:flex;gap:30px}.team-list__item{flex-basis:calc((100% - 90px)/4);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;background-color:var(--primary-white-color)}.team-wrap{align-items:center;padding-top:30px;padding-bottom:30px}.team-wrap__title{margin-bottom:10px;font-weight:500;font-size:16px;line-height:1.19;letter-spacing:.03em;text-align:center}.team-wrap__text{color:var(--secondary-text-color);margin-bottom:16px;font-size:16px;line-height:1.19;letter-spacing:.03em;text-align:center}.team-soc__link{color:var(--icon-color);transition:var(--transition-hover-color),var(--transition-hover-bg)}.team-soc__link:hover,.team-soc__link:focus{color:var(--primary-white-color);background-color:var(--accent-color);outline:none}.team-soc__icon{fill:currentColor}.client-list{display:flex;justify-content:center;gap:30px}.client-list__item{width:calc((100% - 150px)/6);height:90px}.client-list__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid #afb1b8;border-radius:4px;color:var(--icon-color);transition:var(--transition-hover-border)}.client-list__link:hover,.client-list__link:focus{border-color:var(--accent-color);outline:none}.client-list__icon{fill:currentColor;transition:var(--transition-hover-fill)}.client-list__link:hover .client-list__icon,.client-list__link:focus .client-list__icon{fill:var(--accent-color)}.footer{padding-top:60px;padding-bottom:60px;background-color:var(--secondary-bg-color)}.footer__container{display:flex;align-items:baseline}.footer-wrap__address{margin-top:20px}.footer-list__item:not(:last-child){margin-bottom:9px}.footer-list__item>.link{font-style:normal;font-weight:400;line-height:1.71;letter-spacing:.03em;display:block;color:var(--opacity-white-color);transition:var(--transition-hover-color)}.footer-list__item>.link:hover,.footer-list__item>.link:focus{color:var(--accent-color)}.footer-list__item>.address-link{color:var(--primary-white-color)}.footer__social{margin-left:70px}.text{font-weight:700;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-white-color);margin-bottom:20px}.social-list__link{color:var(--primary-white-color);background-color:rgba(255,255,255,.1);transition:var(--transition-hover-bg)}.social-list__link:hover,.social-list__link:focus{background-color:var(--accent-color);outline:none}.social-list__icon{fill:currentColor}.footer__submit{margin-left:93px}.submit-search{display:flex;align-items:center}.submit-search__input{width:358px;height:50px;margin-right:12px;padding-left:16px;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6);background-color:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px}.submit-search__btn{display:flex;justify-content:center;align-items:center;gap:10px;width:200px;height:50px;box-shadow:0px 4px 4px rgba(0,0,0,.15)}.submit-search__icon{fill:var(--primary-white-color)}.btn-list{display:flex;gap:8px;margin:0 auto;margin-bottom:50px;justify-content:center}.portfolio-btn{font-family:inherit;font-weight:500;font-size:16px;line-height:1.62;letter-spacing:.03em;text-align:center;background-color:var(--primary-btn-color);border-color:rgba(0,0,0,0);border-radius:4px;border:none;display:inline-block;padding:6px 22px;min-width:73px;transition:var(--transition-hover-color),var(--transition-hover-bg),var(--transition-hover-shadow)}.portfolio-btn:hover,.portfolio-btn:focus{color:var(--primary-white-color);background-color:var(--accent-color);box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12)}.project-list{display:flex;flex-wrap:wrap;gap:30px}.project-img-wrap{position:relative;overflow:hidden}.project-up-text{font-size:18px;line-height:1.56;letter-spacing:.03em;color:var(--primary-white-color);position:absolute;top:0;padding:63px 24px;height:100%;transform:translateY(100%);transition:var(--transition-hover-transform);overflow:auto;background-color:rgba(33,150,243,.9)}.project-item:hover .project-up-text{transform:translateY(0)}.project-wrap{padding:20px 24px;border:1px solid #eee;border-top:none}.project-title{font-size:18px;line-height:2;letter-spacing:.06em;margin-bottom:4px;color:var(--primary-text-color)}.project-el{font-size:16px;line-height:1.88;letter-spacing:.03em;color:var(--secondary-text-color)}.project-item{width:calc((100% - 60px)/3)}.project-item>.link{display:block}.project-item>.link:hover,.project-item>.link:focus{box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}/*# sourceMappingURL=main.min.css.map */