:root{--primary-text-color: #212121;--secondary-text-color: #757575;--white-text-color: #ffffff;--accent-color: #2196f3;--black-logo-color: #000000;--footer-text-color: rgba(255, 255, 255, 0.6);--white-background-color: #ffffff;--hero-background-color: #2f303a;--team-background-color: #f5f4fa}body{font-family:"Roboto";letter-spacing:0.03em;background-color:var(--white-background-color);color:var(--primary-text-color)}.list{list-style:none}.link{text-decoration:none}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}img{display:block;width:100%;height:auto}.container{width:100%;margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.container{padding-left:15px;padding-right:15px}}@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{font-weight:700;font-size:36px;line-height:1.17;text-align:center;color:var(--primary-text-color)}.logo{font-family:"Raleway";font-weight:700;font-size:26px;line-height:1.19;align-items:center;text-align:center;color:var(--accent-color)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}.header{border-bottom:1px solid #ececec}@media screen and (max-width: 767px){.header{padding-top:16px;padding-bottom:16px}}.header__section{display:flex;align-items:center;justify-content:space-between;padding-left:15px;padding-right:15px}@media screen and (max-width: 767px){.header__section{max-width:767px}}.header__nav{display:flex;align-items:center}.header__logo{margin-right:93px}.header__logo--black{color:var(--black-logo-color)}.nav{display:flex}@media screen and (max-width: 767px){.nav{display:none}}.nav__item:not(:last-child){margin-right:50px}.nav__link{display:block;padding-top:32px;padding-bottom:32px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;color:var(--primary-text-color);position:relative;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav__link:focus,.nav__link:hover{color:var(--accent-color)}.nav__link--current{color:var(--accent-color)}.nav__link--current::after{position:absolute;display:block;content:"";width:100%;height:4px;border-radius:2px;bottom:-1px;background-color:var(--accent-color)}.header-contact{display:flex}@media screen and (max-width: 767px){.header-contact{display:none}}@media screen and (min-width: 768px) and (max-width: 1199px){.header-contact{flex-direction:column;align-content:center}}.header-contack__list{margin-left:auto}.header-contact__item+.header-contact__item{margin-left:50px}@media screen and (min-width: 768px) and (max-width: 1199px){.header-contact__item+.header-contact__item{margin-left:0px}}@media screen and (min-width: 768px) and (max-width: 1199px){.header-contact__item{margin-left:0px}}.header-contact__link{display:inline-flex;padding:32px 0px 32px;align-items:center;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;color:var(--secondary-text-color);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-contact__link:hover,.header-contact__link:focus{color:var(--accent-color)}@media screen and (min-width: 768px) and (max-width: 1199px){.header-contact__link{padding:0}}@media screen and (min-width: 768px) and (max-width: 1199px){.header-contact__item:not(:last-child){margin-bottom:10px}}.header-contact__icon{margin-right:10px;fill:currentColor}.mob-menu{width:100vw;height:100vh;position:fixed;background-color:#fff;top:0;right:0;padding:15px 10px 48px 40px;z-index:999}.flex{display:flex;flex-direction:column;justify-content:space-between}.menu-open{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;color:#212121;border:none;margin-left:auto;cursor:pointer}.menu-open:hover,.menu-open:focus{fill:var(--accent-color)}@media screen and (min-width: 768px){.menu-open{display:none}}.menu-close{display:flex;align-items:center;justify-content:center;background-color:transparent;color:#212121;border:none;margin-left:auto;cursor:pointer}.menu-close:hover,.menu-close:focus{fill:var(--accent-color)}.mob-menu-list__item:not(:last-child){margin-bottom:32px}.mob-menu-list__link{font-family:Roboto;font-weight:500;font-size:40px;line-height:1.18;letter-spacing:0.02em;color:#212121}.mob-menu-list__link:focus,.mob-menu-list__link:hover{color:var(--accent-color)}.mob-menu-list__link--current{color:var(--accent-color)}.mob-menu-list__tell{display:block;margin-bottom:32px;font-family:Roboto;font-style:normal;font-weight:500;font-size:34px;line-height:1.18;letter-spacing:0.02em;color:#2196f3}.mob-menu-list__mail{display:block;font-family:Roboto;font-style:normal;font-weight:500;font-size:24px;line-height:1.17;letter-spacing:0.02em;color:#757575;margin-bottom:64px}.mob-menu-list__social{display:flex;flex-direction:row;column-gap:20px}.mob-menu-list__social-item{position:relative;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:0.02em;color:#2196f3}.mob-menu-list__social-item:not(:first-child)::before{content:"";display:block;position:absolute;top:0;left:-10px;width:1px;height:22px;background-color:rgba(33,33,33,0.2)}.mob-menu.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.hero{text-align:center;margin-left:auto;margin-right:auto;background-color:var(--hero-background-color);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../img/hero-mobile.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;height:400px;padding-top:118px;padding-bottom:0px}@media screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen 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-mobile2x.jpg)}}@media screen and (min-width: 768px){.hero{background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero-tablet.jpg")}}@media screen and (min-width: 768px) and (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-tablet2x.jpg")}}@media screen and (min-width: 1200px){.hero{background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../images/hero-desctop.jpg")}}@media screen and (min-width: 1200px) and (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-desctop2x.jpg")}}@media screen and (min-width: 1200px){.hero{max-width:1600px;height:600px;padding-top:200px}}.hero__title{padding:0;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:250px;font-weight:900;font-size:18px;line-height:1.62;letter-spacing:0.06em;text-transform:uppercase;color:var(--white-text-color)}@media screen and (min-width: 480px){.hero__title{font-size:26px;max-width:360px}}@media screen and (min-width: 1200px){.hero__title{font-size:44px;max-width:360px;line-height:1.36;max-width:696px;margin-left:auto;margin-right:auto}}.hero__btn{display:inline-block;min-width:140px;border-radius:4px;border:1px solid transparent;padding:7px;background-color:var(--accent-color);color:var(--white-text-color);font-family:"Roboto";font-weight:700;font-size:12px;line-height:1.87;align-items:center;text-align:center;letter-spacing:0.06em;cursor:pointer;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.hero__btn:hover,.hero__btn:focus{background-color:var(--white-text-color);color:var(--accent-color)}@media screen and (min-width: 480px){.hero__btn{padding:10px 32px;font-size:16px;min-width:200px}}.features{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.features{padding-top:94px;padding-bottom:94px}}@media screen and (max-width: 479px){.features{padding-left:15px;padding-right:15px}}.features-flex{display:flex;flex-wrap:wrap}.features-list{justify-content:center;grid-gap:30px}@media screen and (min-width: 480px){.features-list__item{width:450px}}@media screen and (min-width: 768px){.features-list__item{width:354px}}@media screen and (min-width: 1200px){.features-list__item{width:270px}}.features-list__icon-fon{display:flex;height:120px;align-items:center;justify-content:center;flex-direction:column;margin-bottom:30px;background-color:var(--team-background-color)}@media screen and (min-width: 480px){.features-list__icon-fon{width:450px}}@media screen and (min-width: 768px){.features-list__icon-fon{width:354px}}@media screen and (min-width: 1200px){.features-list__icon-fon{width:270px}}.features-list__icon{align-items:center}.features-list__title{margin-bottom:10px;font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase;text-align:center}@media screen and (min-width: 768px){.features-list__title{text-align:left}}.features-list__text{font-size:14px;line-height:1.71;color:var(--secondary-text-color)}.work{padding-bottom:94px;display:none}@media screen and (min-width: 1200px){.work{display:block}}.work__title{margin-bottom:50px}.work-list{display:flex;justify-content:center;align-items:center;grid-gap:30px}.work-list__item{position:relative}.work-list__text{width:100%;position:absolute;bottom:0;left:0;padding:27px 0px;font-weight:bold;font-size:14px;line-height:1.14;text-align:center;text-transform:uppercase;color:var(--white-text-color);background-color:rgba(47,48,58,0.8)}.team{padding-top:60px;padding-bottom:60px;background-color:var(--team-background-color)}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team__title{margin-bottom:30px;font-weight:700;font-size:28px;line-height:1.17;text-align:center}@media screen and (min-width: 1200px){.team__title{margin-bottom:50px;font-size:36px}}.team-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;grid-gap:30px}.team-list__item{box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);background-color:var(--white-background-color)}@media screen and (max-width: 479px){.team-list__item{width:270px}}@media screen and (min-width: 480px){.team-list__item{width:450px}}@media screen and (min-width: 768px){.team-list__item{width:354px}}@media screen and (min-width: 1200px){.team-list__item{width:270px}}.team-list__workers{padding:30px 0px}.team-list__worker{font-weight:500;font-size:16px;line-height:1.19;text-align:center}.team-list__profession{margin-top:10px;font-size:16px;line-height:1.19;text-align:center;color:var(--secondary-text-color)}.team-list__social-list{display:flex;justify-content:center;align-items:center;padding:0px 32px;margin-top:16px;list-style:none;gap:10px}.team-list__social-item{width:44px;height:44px}.team-list__social-link{display:block;width:44px;height:44px;border-radius:50%;color:#afb1b8;background-color:#ffffff;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.team-list__social-link:hover,.team-list__social-link:focus{color:#ffffff;background-color:var(--accent-color)}.team-list__social-icon{margin:12px 0px 0px 12px;fill:currentColor}.client{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.client{padding-top:94px;padding-bottom:94px}}.client__title{margin-bottom:30px;font-weight:700;font-size:28px;line-height:1.17;text-align:center}@media screen and (min-width: 1200px){.client__title{margin-bottom:50px;font-size:36px}}.client__list{justify-content:center;align-items:center;grid-gap:30px}.customers{display:flex;flex-wrap:wrap}@media screen and (min-width: 1200px){.customers{flex-wrap:nowrap}}.customers__item{height:90px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.customers__item:focus,.customers__item:hover{color:var(--accent-color);border-color:var(--accent-color)}@media screen and (max-width: 767px){.customers__item{width:210px}}@media screen and (min-width: 768px){.customers__item{width:226px}}@media screen and (min-width: 1200px){.customers__item{width:170px}}.customers__link{display:flex;justify-content:center;align-items:center;border:1px solid #afb1b8;color:#afb1b8;background-color:#fff;padding:16px 32px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.customers__link:focus,.customers__link:hover{color:var(--accent-color);border-color:var(--accent-color)}@media screen and (min-width: 1200px){.customers__link{width:170px}}.customers__icon{fill:currentColor}.footer{text-align:center;padding:60px 0px;background-color:var(--hero-background-color)}.footer__flex{display:block;margin:0;padding:0px;list-style:none}@media (min-width: 768px){.footer__flex{display:flex;justify-content:center;flex-wrap:wrap;gap:30px 165px}}@media (min-width: 1200px){.footer__flex{display:flex;justify-content:center;text-align:left;gap:70px}}.footer__logo--white{color:var(--white-text-color)}.footer-contact{margin-top:20px}.footer-contact__address{color:var(--white-text-color)}.footer-contact__item{margin-top:9px}.footer-contact__link{font-style:normal;font-size:14px;line-height:1.71;color:var(--footer-text-color);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-contact__link:hover,.footer-contact__link:focus{color:var(--accent-color)}.social-section{display:block;margin-top:60px;text-align:center}@media (min-width: 768px){.social-section{margin-top:0px}}.social-section__text{padding:20px 0px 10px 0px;margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14px;text-transform:uppercase;color:var(--white-text-color)}@media (min-width: 768px){.social-section__text{padding-bottom:10px}}@media (min-width: 1200px){.social-section__text{text-align:left}}.footer-list{display:flex;justify-content:space-between;justify-content:center;padding:0;margin-top:0;list-style:none}.footer-list__item{width:44px;height:44px;margin-right:10px}.footer-list__link{display:flex;width:44px;height:44px;border-radius:50%;color:#ffffff;background-color:#ffffff10;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer-list__link:hover,.footer-list__link:focus{color:#ffffff;background-color:var(--accent-color)}.footer-list__icon{margin:12px 0px 0px 12px;fill:currentColor}.footer-submit{margin-top:60px}@media (min-width: 768px){.footer-submit{margin-top:0px;padding:0}}@media (min-width: 1200px){.footer-submit{margin-left:23px}}.footer-submit__text{padding:20px 0px 10px 0px;margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14px;text-transform:uppercase;color:var(--white-text-color)}.footer-submit__input{margin-bottom:20px;width:100%;margin:0;padding:13px 16px;border-radius:4px;border:1px solid rgba(255,255,255,0.3);background-color:var(--hero-background-color);color:var(--white-text-color)}.footer-submit__input::placeholder{font-size:16px;line-height:1.25;color:rgba(255,255,255,0.6)}@media (min-width: 1200px){.footer-submit__input{width:358px;margin-right:12px}}.footer-submit__btn{display:inline-flex;align-items:center;justify-content:center;border:none;margin-top:20px;padding:8px 29px;border-radius:4px;background-color:var(--accent-color);box-shadow:0px 4px 4px rgba(0,0,0,0.15);color:var(--white-text-color);font-family:"Roboto";font-style:normal;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:0.06em;cursor:pointer;min-height:43px}@media (min-width: 1200px){.footer-submit__btn{margin-top:0px}}.footer-submit__btn::after{content:"";display:inline-block;width:24px;height:20px;margin-left:10px;background-image:url(../images/send.svg)}.portfolio-section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.portfolio-section{padding-top:94px;padding-bottom:94px}}@media screen and (max-width: 479px){.portfolio-section{padding-left:15px;padding-right:15px}}.portfolio-btn-list{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:40px;grid-gap:8px;grid-row-gap:15px}@media (min-width: 768px){.portfolio-btn-list{justify-content:center;margin-bottom:30px}}@media (min-width: 1200px){.portfolio-btn-list{margin-bottom:50px}}.portfolio-item:hover .portfolio-overlay{transform:translateY(0)}.portfolio-description{position:relative;overflow:hidden}.portfolio-overlay{position:absolute;display:inline-block;content:"";width:100%;height:100%;top:0;left:0;background-color:rgba(33,150,243,0.9);transform:translateY(100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-description-text{position:absolute;top:0;left:0;padding:63px 24px;font-size:18px;line-height:1.56;color:var(--white-text-color)}.portfolio-btn{display:inline-block;min-width:73px;border-radius:4px;border:1px solid transparent;padding:6px 22px;font-family:"Roboto";font-weight:500;font-size:16px;line-height:1.63;letter-spacing:0.03em;text-align:center;background-color:var(--team-background-color);color:var(--primary-text-color);cursor:pointer;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-btn:hover,.portfolio-btn:focus{background-color:var(--accent-color);color:var(--white-text-color);box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 1px 2px rgba(0,0,0,0.08),0px 2px 2px rgba(0,0,0,0.12)}.portfolio-list{display:grid;grid-template-columns:auto;gap:30px 30px;align-items:stretch}@media screen and (min-width: 480px){.portfolio-list{grid-template-columns:auto}}@media screen and (min-width: 768px){.portfolio-list{grid-template-columns:auto auto}}@media screen and (min-width: 1200px){.portfolio-list{grid-template-columns:auto auto auto}}.portfolio-item{transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-item:hover,.portfolio-item:focus{box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 1px 2px rgba(0,0,0,0.08),0px 2px 2px rgba(0,0,0,0.12)}.portfolio-border{border:1px solid #eeeeee;border-top:transparent;padding:20px 24px}.portfolio-list-title{font-weight:700;font-size:18px;line-height:2;letter-spacing:0.06em}.portfolio-list-text{margin-top:4px;font-size:16px;line-height:1.87;color:var(--secondary-text-color)}.backdrop{position:fixed;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:rgba(0,0,0,0.2);top:0;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.backdrop.is-hidden .modal{transform:scale(2)}.modal{width:320px;min-height:581px;background-color:#ffffff;position:relative;transform:scale(1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 480px){.modal{width:450px;min-height:609px}}@media screen and (min-width: 1200px){.modal{width:528px;min-height:581px}}.modal-icon{fill:var(--black-logo-color);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.close-btn{position:absolute;display:flex;align-items:center;justify-content:center;right:8px;top:8px;background-color:transparent;border-radius:50%;width:30px;height:30px;border:1px solid rgba(0,0,0,0.1);cursor:pointer}.close-btn:hover .modal-icon{fill:var(--accent-color)}.form{margin-left:auto;margin-right:auto;padding:40px}@media screen and (min-width: 480px){.form{width:450px}}@media screen and (min-width: 1200px){.form{width:528px}}.form-title{display:block;font-weight:700;font-size:20px;line-height:1.15;text-align:center}.top-title{margin-top:12px}.form-field{position:relative;display:flex;flex-direction:column;margin-bottom:10px}.form-label,.comment-label{font-size:12px;line-height:1.16;letter-spacing:0.01em;color:var(--secondary-text-color);margin-bottom:4px}.form-input{width:100%;margin:0;padding:11px 42px;border:1px solid rgba(33,33,33,0.2);border-radius:4px;outline:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-input:focus{border-color:var(--accent-color)}.form-input:focus ~ .input-icon{fill:var(--accent-color)}.input-icon{position:absolute;top:50%;left:15px;transform:translateY(25%);display:inline-block;width:12px;height:12px;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}textarea{resize:none;border:1px solid rgba(33,33,33,0.2);border-radius:4px;padding:12px 16px;font-size:12px;line-height:1.17;letter-spacing:0.01em;height:120px;outline:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}textarea:focus{border-color:var(--accent-color)}.comment::placeholder{font-size:12px;line-height:1.17;letter-spacing:0.01em;color:#757575}.form-field-chek{padding-left:0px;margin-top:25px;margin-bottom:30px}@media screen and (min-width: 1200px){.form-field-chek{padding-left:14px}}.icon-chek{display:inline-block;width:16px;height:15px;border:2px solid #212121;border-radius:2px;margin-right:7px}.form-checkbox{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}.form-checkbox:checked+.icon-chek{background-image:url(../images/icon-check.svg);background-position:center;background-repeat:no-repeat;background-color:var(--accent-color);background-origin:border-box;border-color:var(--accent-color)}.policy-label{position:relative;display:flex;align-items:center;font-size:11px;line-height:1.14;color:var(--secondary-text-color)}@media screen and (max-width: 479px){.policy-label{font-size:10px;line-height:1.11}}@media screen and (min-width: 1200px){.policy-label{font-size:14px;line-height:1.71}}.policy-link{margin-left:3px;color:#2196f3}@media screen and (max-width: 479px){.policy-link{position:absolute;top:18px;left:21px}}.form-btn{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:10px 56px;border:none;border-radius:4px;text-align:center;text-decoration:none;font-family:"Roboto";font-style:normal;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:0.06em;cursor:pointer;background-color:var(--accent-color);box-shadow:0px 4px 4px rgba(0,0,0,0.15);color:var(--white-text-color);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-btn:focus,.form-btn:hover{background-color:#188ce8}
/*# sourceMappingURL=main.min.css.map */