:root{--primery-bacground-color: #f5f5f5;--bacground-color: #ffffff;--header-bacground-color: #ececec;--icon-bacground-color: #f5f4fa;--button-text-hover-color: #ffffff;--button-text-color: #ffffff;--hero-title-color: #ffffff;--accent-bacground-color: #2f303a;--primary-text-color: #757575;--title-text-color: #212121;--button-bacground-color: #2196f3;--address-color: #ffffff;--primary-logo-color: #2196f3;--dark-logo-color: #000000;--light-logo-color: #ffffff;--section-team-color: #f5f4fa;--border-color: #eeeeee;--icon-color: #afb1b8;--activity-text-color: #ffffff;--hover-bacground-color: #2196f3;--hover-icon-color: #ffffff;--contacts-icon-color: #757575;--hover-contacts-icon-color: #2196f3;--footer-title-color: #ffffff;--line-color: #ececec;--modal-button-close-color: #000000;--hover-modal-button: #2196f3;--text-portfolio-color: #ffffff;--focus-modal-color: #2196f3;--lable-text-color: #757575;--modal-icon-color: #212121;--checkbox-icon-color: #ffffff;--input-text-color: #afb1b8;--mob-menu-social-color: #2196f3;--mob-menu-tel-color: #2196f3;--mob-menu-contacts__mail: #757575;--timing-function: 250ms cubic-bezier(0.4, 0, 0.2, 1);--hero-gradient: linear-gradient( to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4) )}.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{margin-left:auto;margin-right:auto;padding:0 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}}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section__title{margin-bottom:50px;font-weight:700;font-size:28px;line-height:1.17;text-align:center;color:var(--title-text-color)}@media screen and (min-width: 1200px){.section__title{font-size:36px}}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}p,h1,h2,h3,h4,h5,h6{margin:0}ul,li{margin:0;padding-left:0;list-style:none}button{cursor:pointer}address{font-style:normal}img{display:block;max-width:100%;height:auto}body{font-family:"Roboto",sans-serif;font-size:14px;letter-spacing:.03em;color:var(--primary-text-color);background-color:var(---bacground-color)}.page-header a,.footer a,.portfolio a{text-decoration:none}.button{display:block;margin-left:auto;margin-right:auto;font-size:16px;padding:10px 32px;min-width:216px;font-family:inherit;font-weight:700;line-height:1.88;letter-spacing:.06em;border:none;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;color:var(--button-text-color);background-color:var(--button-bacground-color)}.logo{display:block;font-family:"Raleway",sans-serif;font-weight:700;font-size:24px;line-height:1.16;color:var(--primary-logo-color)}.logo__color--dark{color:var(--dark-logo-color)}.logo__color--light{color:var(--light-logo-color)}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);transition:opacity var(--timing-function),visibility var(--timing-function)}.modal{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(1);transition:transform var(--timing-function);padding:40px;background:var(--bacground-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}@media screen and (max-width: 1199px){.modal{width:95%;max-width:450px;height:95%;max-height:609px;overflow:scroll}}@media screen and (min-width: 1200px){.modal{min-width:528px;min-height:581px}}.modal__title{padding-bottom:12px;font-size:20px;font-weight:700;line-height:1.5;text-align:center;color:var(--title-text-color)}@media screen and (min-width: 1200px){.modal__title{line-height:1.15}}.modal__text{display:block;margin-bottom:4px;font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--lable-text-color)}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(0)}.modal-close{display:flex;justify-content:center;align-items:center;position:absolute;top:8px;right:8px;width:30px;height:30px;box-sizing:border-box;border-radius:50%;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1);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);transition:background-color var(--timing-function),border-color var(--timing-function),fill var(--timing-function)}.modal-close:hover,.modal-close:focus{background-color:var(--hover-modal-button);border-color:var(--hover-modal-button);fill:var(--bacground-color)}.form-wrap{position:relative;display:block;margin-bottom:10px}.modal-icon-wrap{position:relative}.modal__input{width:100%;height:40px;padding-left:42px;padding-right:12px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0);transition:border-color var(--timing-function)}.modal__input:focus,.modal__input .modal__textarea:focus{border-color:var(--focus-modal-color)}.modal__input:focus+.modal-input-icon{fill:var(--focus-modal-color)}.modal__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);transition:fill var(--timing-function)}.textarea-wrap{margin-bottom:20px}.modal__textarea{width:100%;height:120px;padding:12px 16px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0);resize:none;transition:border-color var(--timing-function)}.modal__textarea:focus{border-color:var(--focus-modal-color)}.modal__textarea::-moz-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__textarea:-ms-input-placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__textarea::placeholder{font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.checkbox{margin-bottom:30px}.checkbox__text{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.17}@media screen and (min-width: 1200px){.checkbox__text{font-size:14px;line-height:1.7}}.checkbox__text span{display:flex;align-items:center;justify-content:center;width:16px;height:15px;border:2px solid var(--title-text-color);border-radius:2px;fill:rgba(0,0,0,0)}.checkbox__field:checked+.checkbox__text span{background-color:var(--focus-modal-color);border:none;fill:var(--checkbox-icon-color);transition:fill var(--timing-function)}.checkbox__field:focus+.checkbox__text span{border-color:var(--focus-modal-color);transition:border-color var(--timing-function)}.checkbox__link{color:var(--focus-modal-color)}.social-list{display:flex;justify-content:center;gap:10px}.social-list__item{width:44px;height:44px}.social-list__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%}.social-list__link:hover,.social-list__link:focus{background-color:var(--hover-bacground-color);color:var(--hover-icon-color)}.social-list__link--light{color:var(--icon-color);transition:background-color var(--timing-function),color var(--timing-function)}.social-list__link--dark{color:var(--icon-color);background:rgba(255,255,255,.1);transition:background-color var(--timing-function),color var(--timing-function)}.social-list__icon{fill:currentColor}.buttone-menu-open{margin-left:auto;background-color:rgba(0,0,0,0);border:none}.buttone-menu-open:hover,.buttone-menu-open:focus{fill:var(--button-bacground-color);transition:fill var(--timing-function)}@media screen and (min-width: 768px){.buttone-menu-open{display:none}}.buttone-menu-close{position:absolute;right:15px;top:10px;background-color:rgba(0,0,0,0);border:none}.buttone-menu-close:hover,.buttone-menu-close:focus{fill:var(--button-bacground-color);transition:fill var(--timing-function)}.mob-menu{position:relative;width:100%;height:100%;top:0;z-index:1;position:fixed;padding-top:48px;padding-bottom:48px;background-color:var(--bacground-color);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)}.mob-menu>.container{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:auto}.mob-menu__link{font-weight:500;font-size:40px;line-height:1.18;letter-spacing:.02em;color:var(--title-text-color);transition:color var(--timing-function)}.mob-menu__link:hover,.mob-menu__link:focus{color:var(--button-bacground-color)}.mob-menu__link.current{position:relative;color:var(--button-bacground-color)}.mob-menu__nav{margin-bottom:64px}.mob-menu__item:not(:last-child),.mob-menu-contacts__item:not(:last-child){margin-bottom:32px}.mob-menu-contacts{margin-bottom:64px}.mob-menu-contacts__tel{font-weight:500;font-size:34px;line-height:1.18;letter-spacing:.02em;color:var(--mob-menu-tel-color)}.mob-menu-contacts__mail{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:var(--mob-menu-contacts__mail)}.mob-menu-social{display:flex;flex-wrap:wrap;gap:20px}.mob-menu-social__link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:var(--mob-menu-social-color)}.mob-menu-social__item:not(:last-child)::after{content:" ";margin-left:10px;width:22px;border:1px solid rgba(33,33,33,.2)}.page-header{background-color:var(--bacground-color);border-bottom:1px solid var(--line-color)}.main-nav{display:flex;align-items:center;height:60px}@media screen and (min-width: 768px){.main-nav{height:80px}}.site-nav{display:none;margin-left:92px;gap:50px}@media screen and (min-width: 768px){.site-nav{display:flex}}.header-nav{display:flex}.site-nav__link{display:block;padding-top:32px;padding-bottom:32px;color:var(--title-text-color);font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;transition:color var(--timing-function)}.site-nav__link:hover,.site-nav__link:focus{color:var(--button-bacground-color)}.site-nav__link.current{position:relative;color:var(--button-bacground-color)}.site-nav__link.current::after{content:" ";position:absolute;left:0;bottom:-1px;width:100%;height:4px;background:var(--hover-bacground-color);border-radius:2px}.contacts{display:none;margin-left:auto;text-decoration:none}@media screen and (min-width: 768px){.contacts{display:flex;justify-content:center;flex-direction:column;gap:10px}}@media screen and (min-width: 1200px){.contacts{flex-direction:row;gap:40px}}.contacts__link{display:flex;width:100%;height:100%;align-items:center;font-weight:500;font-size:12px;line-height:1.17;letter-spacing:.02em;color:var(--primary-text-color);transition:color var(--timing-function)}@media screen and (min-width: 1200px){.contacts__link{font-size:14px;line-height:1.14}}.contacts__link:hover,.contacts__link:focus{color:var(--hover-contacts-icon-color)}.contacts__icon{margin-right:10px;fill:currentColor}.hero{background:var(--accent-bacground-color);padding:118px 0}@media screen and (min-width: 1200px){.hero{padding:200px 0}}.hero__title{max-width:360px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-weight:900;font-size:26px;line-height:1.62;letter-spacing:.06em;text-align:center;text-transform:uppercase;color:var(--hero-title-color)}@media screen and (min-width: 1200px){.hero__title{max-width:696px;font-size:44px;line-height:1.32}}.overlay{max-width:480px;height:400px;margin-left:auto;margin-right:auto;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:var(--hero-gradient),url(../images/hero/hero-mobile-1x.jpg)}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.overlay{background-image:var(--hero-gradient),url(../images/hero/hero-mobile-2x.jpg)}}@media screen and (min-width: 768px){.overlay{max-width:768px;background-image:var(--hero-gradient),url(../images/hero/hero-tablet-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){.overlay{background-image:var(--hero-gradient),url(../images/hero/hero-tablet-2x.jpg)}}@media screen and (min-width: 1200px){.overlay{max-width:1600px;height:600px;background-image:var(--hero-gradient),url(../images/hero/hero-desktop-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){.overlay{background-image:var(--hero-gradient),url(../images/hero/hero-desktop-2x.jpg)}}.cards-list{display:flex;flex-wrap:wrap;gap:30px}.cards-list__item{display:flex;flex-direction:column;width:100%}@media screen and (min-width: 768px){.cards-list__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.cards-list__item{width:calc((100% - 90px)/4)}}.cards-list__icon{display:flex;justify-content:center;align-items:center;margin-bottom:30px;min-width:270px;height:120px;background:var(--icon-bacground-color);border-radius:4px}.cards-list__title{margin-bottom:10px;font-weight:700;font-size:14px;line-height:1.14;color:var(--title-text-color)}@media screen and (max-width: 767px){.cards-list__title{text-align:center}}.cards-list__text{font-weight:400;font-size:14px;line-height:1.71;color:var(--primary-text-color)}@media screen and (max-width: 1199px){.activity{display:none}}.section-padding{padding-top:0}.pictures-list{display:flex;flex-wrap:wrap;gap:30px}.pictures-list__item{display:flex;width:calc((100% - 60px)/3)}.pictures-list__wrap{position:relative}.pictures-list__text{position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;width:100%;height:70px;font-weight:700;text-transform:uppercase;background:rgba(47,48,58,.8);color:var(--activity-text-color)}.section-peoples{padding-top:60px;padding-bottom:60px;background-color:var(--section-team-color)}@media screen and (min-width: 1200px){.section-peoples{padding-top:94px;padding-bottom:94px}}.peoples-list{display:flex;flex-wrap:wrap;gap:30px}.peoples-list__title{font-weight:500;font-size:16px;line-height:1.19;text-align:center;color:var(--title-text-color);margin-bottom:10px}.peoples-list__text{font-weight:400;font-size:16px;line-height:1.19;text-align:center;color:var(--primary-text-color);margin-bottom:16px}.peoples-list__item{width:100%;background:var(--bacground-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:0px 0px 4px 4px}@media screen and (min-width: 768px){.peoples-list__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.peoples-list__item{width:calc((100% - 90px)/4)}}.peoples-list__photo{width:100%}.peoples-wrap{padding-top:30px;padding-bottom:30px}.clients-list{display:flex;flex-wrap:wrap;gap:30px}.clients-list__item{width:calc((100% - 30px)/2);height:92px}@media screen and (min-width: 768px){.clients-list__item{width:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.clients-list__item{width:calc((100% - 150px)/6)}}.clients-list__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid var(--icon-color);border-radius:4px;fill:var(--icon-color);transition:border var(--timing-function),fill var(--timing-function)}.clients-list__link:hover,.clients-list__link:focus{border:1px solid var(--hover-bacground-color);fill:var(--hover-bacground-color)}.clients-list__icon{width:100px;height:60px}.footer{background:var(--accent-bacground-color);padding-top:60px;padding-bottom:60px}.footer-wrap{display:flex;flex-direction:column;gap:60px}@media screen and (min-width: 768px){.footer-wrap{flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:baseline}}@media screen and (min-width: 1200px){.footer-wrap{gap:70px;justify-content:space-between;align-items:baseline}}.address-wrap{display:flex;flex-direction:column;gap:28px;align-items:center}@media screen and (min-width: 1200px){.address-wrap{align-items:flex-start}}.address{line-height:1.71;color:var(--address-color)}.footer-contacts{display:flex;flex-direction:column;gap:12px;align-items:center}@media screen and (min-width: 1200px){.footer-contacts{align-items:flex-start}}.footer-contacts__link{width:231px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:var(--primary-text-color);transition:color var(--timing-function)}.footer-contacts__link:hover,.footer-contacts__link:focus{color:var(--button-bacground-color)}.footer-social{display:flex;flex-direction:column;gap:20px;align-items:center}@media screen and (min-width: 1200px){.footer-social{align-items:flex-start}}.footer-social__title{font-weight:700;line-height:1.14;text-transform:uppercase;color:var(--footer-title-color)}.mailing{display:flex;flex-direction:column;gap:20px;align-items:center}@media screen and (min-width: 1200px){.mailing{align-items:flex-start}}.mailing__title{font-weight:700;line-height:1.14;text-transform:uppercase;color:var(--footer-title-color)}.mailing__form{align-items:center;text-align:center}@media screen and (min-width: 1200px){.mailing__form{flex-direction:row;gap:12px}}.mailing__field{width:100%;max-width:450px;height:50px;padding:15px 16px;margin-bottom:20px;outline:rgba(0,0,0,0);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;color:var(--input-text-color)}@media screen and (min-width: 1200px){.mailing__field{width:358px}}.mailing__field::-moz-placeholder{font-size:16px;line-height:1.25;display:flex;align-items:center;color:rgba(255,255,255,.6)}.mailing__field:-ms-input-placeholder{font-size:16px;line-height:1.25;display:flex;align-items:center;color:rgba(255,255,255,.6)}.mailing__field::placeholder{font-size:16px;line-height:1.25;display:flex;align-items:center;color:rgba(255,255,255,.6)}.mailing__btn{position:relative;width:200px;height:50px;border:none;text-align:left;padding:10px 28px;font-size:16px;line-height:1.88;letter-spacing:.06em;color:var(--button-text-color);background:var(--button-bacground-color);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px}.mailing__icon{position:absolute;right:28px;top:50%;transform:translateY(-50%)}.portfolio-filter{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;row-gap:15px;margin-bottom:40px}@media screen and (min-width: 768px){.portfolio-filter{justify-content:center}}@media screen and (min-width: 1200px){.portfolio-filter{justify-content:center}}.portfolio-filter__btn{padding:6px 25px;font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:1.62;border:none;border-radius:4px;letter-spacing:.03em;color:var(--title-text-color);background:var(--section-team-color);border-radius:4px;transition:background-color var(--timing-function),color var(--timing-function),box-shadow var(--timing-function)}.portfolio-filter__btn:hover,.portfolio-filter__btn:focus{cursor:pointer;background-color:var(--button-bacground-color);color:var(--button-text-hover-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)}.portfolio-filter__btn.current{border:none;color:var(--button-text-hover-color);background:var(--button-bacground-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);border-radius:4px}.portfolio{display:flex;flex-wrap:wrap;gap:30px;flex-grow:1}.portfolio__item{display:flex}@media screen and (min-width: 768px){.portfolio__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.portfolio__item{width:calc((100% - 60px)/3)}}.portfolio__link{text-decoration:none;display:flex;flex-direction:column;transition:box-shadow var(--timing-function)}.portfolio__link:hover .description-text,.portfolio__link:focus .description-text{transform:translateY(0)}.portfolio__link:hover,.portfolio__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)}.portfolio__wrap{display:block;padding:20px 24px;border:1px solid var(--border-color);flex-grow:1}.portfolio__title{margin-bottom:4px;font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--title-text-color)}.portfolio__text{font-weight:400;font-size:16px;line-height:1.88;color:var(--primary-text-color)}.text-top-wrap{position:relative;overflow:hidden}.description-text{position:absolute;top:0;padding:14px;height:100%;font-size:16px;line-height:1.56;color:var(--text-portfolio-color);background:rgba(33,150,243,.9);transform:translateY(100%);transition:transform var(--timing-function)}@media screen and (min-width: 480px){.description-text{padding:77px 24px;font-size:18px}}@media screen and (min-width: 768px){.description-text{padding-top:49px}}@media screen and (min-width: 1200px){.description-text{padding:63px 24px}}/*# sourceMappingURL=main.min.css.map */