:root{--primary-text-color: #757575;--banner-text-color: #ffffff;--title-text-color: #212121;--accent-color: #2196f3;--main-background-color: #f5f5f5;--header-background-color: #ffffff;--footer-background-color: #2f303a;--transition-dure-and-function: 250ms cubic-bezier(0.4, 0, 0.2, 1)}body{font-family:Roboto,sans-serif;color:var(--title-text-color)}body.modal-open{overflow:hidden}h1,h2,h3,h4,p,ul{margin:0}img{display:block;max-width:100%;height:auto}ul{padding:0;margin:0;list-style:none}a{text-decoration:none}.portfolio-list,.clients,.social-list,.services{display:flex;column-gap:30px}.page-header{border-bottom:1px solid #ececec;font-size:14px;font-weight:500;line-height:1.1721428571}.page-header__container{display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 1200px){.page-header__container{justify-content:flex-start}}.logo{padding-top:16px;padding-bottom:16px;font-family:Raleway,sans-serif;font-size:24px;font-weight:700;line-height:1.1741666667;letter-spacing:.03em;color:#000}@media screen and (min-width: 768px){.logo{padding-top:25px;padding-bottom:25px}}@media screen and (min-width: 1200px){.logo{font-size:26px;font-weight:700;line-height:1.1738461538}}.logo__contrast{color:var(--accent-color)}.logo--footer{display:inline-block;margin-bottom:20px;padding:0;color:#fff}.site-nav{display:flex;align-items:center}@media screen and (max-width: 767px){.site-nav{display:none}}@media screen and (min-width: 1200px){.site-nav{margin-left:93px}}.site-nav__list{display:flex;column-gap:50px}.site-nav__link{display:block;padding-top:32px;padding-bottom:32px;letter-spacing:.02em;color:var(--title-text-color);transition:color var(--transition-dure-and-function)}.site-nav__link:hover,.site-nav__link:focus{color:var(--accent-color)}.site-nav__link--current{position:relative;display:block;padding-top:32px;padding-bottom:32px;text-decoration:none;letter-spacing:.02em;color:var(--accent-color)}.site-nav__link--current::after{position:absolute;left:0;bottom:-1px;display:block;content:"";width:100%;height:4px;border-radius:2px;background-color:var(--accent-color)}.mobile-site-nav__item:not(:last-child){margin-bottom:32px}.mobile-site-nav__link{display:block;font-size:40px;font-weight:500;line-height:1.172;letter-spacing:.02em;color:var(--title-text-color);transition:color var(--transition-dure-and-function)}.mobile-site-nav__link:hover,.mobile-site-nav__link:focus{color:var(--accent-color)}.mobile-site-nav__link--current{color:var(--accent-color)}.mobile-menu{position:fixed;top:0;left:0;z-index:999;display:flex;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;padding-top:48px;padding-left:40px;padding-bottom:48px;background-color:#fff;transform:translateX(100%);transition:transform 250ms ease-in-out}.mobile-menu.is-open{transform:translateX(0)}.menu-toggle{display:flex;align-items:center;padding:0;background-color:rgba(0,0,0,0);cursor:pointer;border:none}@media(min-width: 768px){.menu-toggle{display:none}}.mobile-menu .menu-toggle{position:absolute;top:10px;right:15px}.menu-toggle:hover .menu-toggle__icon-menu,.menu-toggle:focus .menu-toggle__icon-menu{fill:var(--accent-color)}.contacts{padding-top:21px;padding-bottom:21px}@media screen and (max-width: 767px){.contacts{display:none}}@media screen and (min-width: 1200px){.contacts{display:flex;column-gap:50px;margin-left:auto;padding:0}}.contacts-item:first-child{margin-bottom:10px}@media screen and (min-width: 1200px){.contacts-item:first-child{margin-bottom:0}}.contacts__link{display:flex;align-items:center;column-gap:10px;text-decoration:none;letter-spacing:.02em;color:var(--primary-text-color);transition:color var(--transition-dure-and-function)}.contacts__link:hover,.contacts__link:focus{color:var(--accent-color)}@media screen and (min-width: 1200px){.contacts__link{padding-top:32px;padding-bottom:32px}}.contacts__icon{fill:currentColor}.mobile-contacts__item:first-child{margin-bottom:32px}.mobile-contacts__link{display:block;font-weight:500;letter-spacing:.02em;line-height:1.17}.mobile-contacts__link--big-blue{font-size:34px;color:var(--accent-color)}.mobile-contacts__link--little-grey{font-size:24px;color:var(--primary-text-color);transition:color var(--transition-dure-and-function)}.mobile-contacts__link--little-grey:hover,.mobile-contacts__link--little-grey:focus{color:var(--accent-color)}.mobile-social-list{display:flex;column-gap:20px;margin-top:64px}.mobile-social-list__item{display:inline-block;position:relative}.mobile-social-list__item:not(:first-child)::after{position:absolute;left:-10px;top:0;display:block;content:"";width:1px;height:22px;background-color:rgba(33,33,33,.2)}.mobile-social-list__link{font-size:18px;font-weight:500;line-height:1.2222222222;letter-spacing:.02em;color:var(--accent-color)}.hero{padding:118px 0;margin:0 auto;text-align:center;color:var(--banner-text-color);background-color:#c4c4c4;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/mobile/hero.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;max-width:1600px}@media screen and (min-device-paxel-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/mobile/hero@2x.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/tablet/hero.jpg)}}@media screen and (min-width: 768px)and (min-device-paxel-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/tablet/hero@2x.jpg)}}@media screen and (min-device-paxel-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/mobile/hero@2x.jpg)}}@media screen and (min-width: 1200px){.hero{padding:200px 0;background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/desktop/hero.jpg)}}@media screen and (min-width: 1200px)and (min-device-paxel-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/desktop/hero@2x.jpg)}}.hero__title{max-width:360px;margin:0 auto 30px;font-size:26px;font-weight:900;line-height:1.6153846154;text-transform:uppercase;letter-spacing:.06em}@media screen and (min-width: 1200px){.hero__title{max-width:696px;font-size:44px;font-weight:900;line-height:1.3636363636}}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;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}}.container--footer{display:block;text-align:center}@media screen and (min-width: 768px){.container--footer{display:flex;justify-content:space-around;align-items:baseline;flex-wrap:wrap}}.button{margin:0 auto;border-style:none;min-width:200px;border-radius:4px;padding:10px 24px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.875;letter-spacing:.06em;color:#fff;background-color:var(--accent-color);cursor:pointer}@media screen and (min-width: 1200px){.button{min-width:216px;padding:10px 32px}}.button--subscribe{display:flex;align-items:center;margin-top:20px;border-style:none;padding:10px 28px;min-width:200px;box-shadow:0px 4px 4px rgba(0,0,0,.15)}@media screen and (min-width: 1200px){.button--subscribe{margin-top:0px}}.button--submit{display:block;border-style:none;padding:10px 52px;min-width:200px;min-height:50px;box-shadow:0px 4px 4px rgba(0,0,0,.15);transition:background-color var(--transition-dure-and-function)}.button--submit:hover,.button--submit:focus{background-color:#188ce8}.button--portfolio{cursor:pointer;border-style:none;border-radius:4px;padding:6px 22px;font-family:inherit;font-size:16px;font-weight:500;line-height:1.625;text-align:center;letter-spacing:.03em;background-color:#f5f4fa;color:inherit;transition-property:background-color,color,box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.button--portfolio:hover,.button--portfolio:focus{background-color:var(--accent-color);box-shadow:0px 2px 2px rgba(0,0,0,.12),0px 1px 2px rgba(0,0,0,.08),0px 3px 1px rgba(0,0,0,.1);color:#fff}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section--no-padding-top{display:none}@media screen and (min-width: 1200px){.section--no-padding-top{display:block;padding-top:0}}.section__title{margin-bottom:30px;font-size:28px;font-weight:700;line-height:1.1717857143;text-align:center;letter-spacing:.03em}@media screen and (min-width: 1200px){.section__title{margin-bottom:50px;font-size:36px;font-weight:700;line-height:1.1719444444}}.section--grey-background{background-color:#f5f4fa}.hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.features{display:flex;gap:30px;flex-wrap:wrap}.features__item{width:100%}@media screen and (min-width: 768px){.features__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.features__item{width:calc((100% - 90px)/4)}}.features__icon-box{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:30px;height:120px;background-color:#f5f4fa;border-radius:4px}.features__title{margin-bottom:10px;text-align:center;font-size:14px;font-weight:700;line-height:1.1721428571;text-transform:uppercase;letter-spacing:.03em}@media screen and (min-width: 768px){.features__title{text-align:start}}.features__text{width:100%;font-size:14px;font-weight:400;line-height:1.7142857143;letter-spacing:.03em;color:var(--primary-text-color)}.services__link{position:relative}.services__label{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:70px;font-size:14px;font-weight:700;line-height:1.1721428571;text-transform:uppercase;letter-spacing:.03em;color:var(--banner-text-color);background-color:rgba(47,48,58,.8)}.team{display:flex;flex-wrap:wrap;gap:30px}@media screen and (min-width: 1200px){.team{flex-wrap:nowrap;gap:30px}}.team__item{background-color:#fff;box-shadow:0px 1px 3px rgba(0,0,0,.2),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-bottom-right-radius:4px;border-bottom-left-radius:4px}.team__description{padding-top:30px;padding-bottom:24px}@media screen and (min-width: 768px){.team__description{padding-left:74px;padding-right:74px}}@media screen and (min-width: 1200px){.team__description{padding-bottom:30px;padding-left:32px;padding-right:32px}}.team__title{margin-bottom:10px;font-size:16px;font-weight:500;line-height:1.171875;text-align:center;letter-spacing:.03em}.team__text{margin-bottom:16px;font-size:16px;font-weight:400;line-height:1.171875;text-align:center;letter-spacing:.03em;color:var(--primary-text-color)}.social-list{column-gap:10px;justify-content:center}.social-list__item{height:44px;width:44px}.social-list__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;color:#afb1b8;transition-property:background-color,color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.social-list__link:hover,.social-list__link:focus{background-color:var(--accent-color);color:#fff}.social-list__link--dark{color:#fff;background-color:rgba(255,255,255,.1)}.social-list__icon{fill:currentColor}.clients{flex-wrap:wrap;justify-content:center;gap:30px}.clients__item{width:calc((100% - 30px)/2);height:92px}@media screen and (min-width: 768px){.clients__item{width:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.clients__item{width:calc((100% - 150px)/6)}}.clients__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid #afb1b8;border-radius:4px;color:#afb1b8;transition-property:border,color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover,.clients__link:focus{border:1px solid var(--accent-color);color:var(--accent-color)}.clients__icon{fill:currentColor}.footer{padding-top:60px;padding-bottom:60px;background-color:var(--footer-background-color)}.footer__left-block{margin-bottom:60px}@media screen and (min-width: 1200px){.footer__left-block{flex-grow:1;margin-bottom:0px;text-align:start}}.footer__central-block{margin-bottom:60px}@media screen and (min-width: 768px){.footer__central-block{text-align:center;margin-bottom:0px}}@media screen and (min-width: 1200px){.footer__central-block{margin-left:70px}}.footer__call-to-action{display:block;margin-bottom:20px;text-transform:uppercase;font-size:14px;font-weight:700;line-height:1.1721428571;letter-spacing:.03em;color:#fff}@media screen and (min-width: 1200px){.footer__call-to-action{text-align:start}}.footer__right-block{margin-left:0px}@media screen and (min-width: 1200px){.footer__right-block{margin-left:93px}}.address__list{font-style:normal}.address__item:not(:last-child){display:block;margin-bottom:8px}@media screen and (min-width: 768px){.address__item:not(:last-child){margin-bottom:9px}}.address__link{font-size:14px;font-weight:400;line-height:1.7142857143;text-decoration:none;letter-spacing:.03em;color:rgba(255,255,255,.6);transition:color var(--transition-dure-and-function)}.address__link:hover,.address__link:focus{color:var(--accent-color)}.address__link--bold{letter-spacing:.03em;color:var(--banner-text-color)}.subscribe-form{display:block}@media screen and (min-width: 1200px){.subscribe-form{display:flex;column-gap:12px}}.subscribe-form__input{padding:15px 16px;width:100%;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.03em;box-shadow:0px 4px 4px rgba(0,0,0,.15);background-color:var(--footer-background-color);color:rgba(255,255,255,.6)}@media screen and (min-width: 768px){.subscribe-form__input{width:450px}}@media screen and (min-width: 1200px){.subscribe-form__input{width:358px}}.subscribe-form__icon{margin-left:10px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;padding-top:93px;padding-bottom:94px;padding-left:15px;padding-right:15px;background-color:rgba(0,0,0,.2);transition:opacity var(--transition-dure-and-function),transform var(--transition-dure-and-function),visibility var(--transition-dure-and-function);transform-origin:bottom center;overflow-y:scroll}@media screen and (min-width: 768px){.backdrop{padding-top:208px;padding-bottom:207px;padding-left:159px;padding-right:159px}}@media screen and (min-width: 1200px){.backdrop{padding:0;overflow:hidden}}.is-hidden{visibility:hidden;opacity:0;pointer-events:none;transform:scale(0)}.modal{position:relative;width:100%;margin:0 auto;max-width:450px;max-height:609px;border-radius:4px;box-shadow:0px 2px 1px rgba(0,0,0,.2),0px 1px 1px rgba(0,0,0,.14),0px 1px 3px rgba(0,0,0,.12);background-color:#fff;color:#000}@media screen and (min-width: 768px){.modal{max-width:450px;max-height:609px}}@media screen and (min-width: 1200px){.modal{position:absolute;z-index:1000;top:50%;left:50%;transform:translate(-50%, -50%);min-width:528px;min-height:581px}}.modal__close-button{position:absolute;right:8px;top:8px;display:flex;padding:0;align-items:center;justify-content:center;border-style:none;border:1px solid rgba(0,0,0,.1);border-radius:50%;width:30px;height:30px;cursor:pointer;background-color:#fff;color:#000;transition:color var(--transition-dure-and-function)}.modal__close-button:hover,.modal__close-button:focus{color:var(--accent-color)}.modal__icon{fill:currentColor}.callback-form{padding:40px}.callback-form__call-to-action{display:block;margin-bottom:12px;text-align:center;font-size:20px;font-weight:700;line-height:1.5;letter-spacing:.03em;color:var(--title-text-color)}@media screen and (min-width: 1200px){.callback-form__call-to-action{line-height:1.17}}.callback-form__field{position:relative;margin-bottom:10px}.callback-form__field--comment{margin-bottom:20px}.callback-form__label{display:block;margin-bottom:4px;font-size:12px;font-weight:400;line-height:1.1716666667;letter-spacing:.01em;color:var(--primary-text-color)}.callback-form__input{display:block;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:42px;width:100%;height:40px;transition-delay:border-color color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.callback-form__input:focus{border-color:var(--accent-color);outline:none}.callback-form__textarea{resize:none;display:block;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding:12px 16px;width:100%;height:120px;transition:border-color var(--transition-dure-and-function)}.callback-form__textarea:focus{border-color:var(--accent-color);outline:none}.callback-form__textarea::placeholder{font-size:14px;font-weight:400;line-height:1.1721428571;letter-spacing:.01em;color:rgba(117,117,117,.5)}@media screen and (min-width: 1200px){.callback-form__textarea::placeholder{font-size:12px;font-weight:400;line-height:1.1716666667}}.callback-form__icon{position:absolute;left:12px;bottom:11px;fill:currentColor;color:var(--title-text-color);transition:color var(--transition-dure-and-function)}.callback-form__input:focus+.callback-form__icon{color:var(--accent-color)}.callback-form__agreement{display:flex;align-items:center;justify-content:center;column-gap:8px;margin-bottom:30px;font-size:12px;font-weight:400;line-height:1.1716666667;letter-spacing:.03em;color:var(--primary-text-color)}@media screen and (min-width: 1200px){.callback-form__agreement{column-gap:8.38px;font-size:14px;font-weight:400;line-height:1.7142857143}}.callback-form__checkbox{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none}.callback-form__check-mark{border:2px solid var(--title-text-color);border-radius:2px;transition-delay:border background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.callback-form__checkbox:checked+.callback-form__check-mark{border:none;background-color:var(--accent-color)}.callback-form__terms{color:var(--accent-color)}.buttons-list{display:flex;justify-content:flex-start;margin-bottom:40px;column-gap:8px;row-gap:15px;flex-wrap:wrap;max-width:340px}@media screen and (min-width: 768px){.buttons-list{margin-bottom:30px;justify-content:center;flex-wrap:nowrap;max-width:100%}}@media screen and (min-width: 1200px){.buttons-list{margin-bottom:50px;justify-content:center;flex-wrap:nowrap}}.portfolio-list{flex-wrap:wrap;gap:30px}.portfolio-list__link{height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:box-shadow var(--transition-dure-and-function)}.portfolio-list__link:hover,.portfolio-list__link:focus{box-shadow:1px 4px 6px rgba(0,0,0,.16),0px 4px 4px rgba(0,0,0,.06),0px 1px 1px rgba(0,0,0,.12)}.portfolio-list__wrapper{position:relative;overflow:hidden}.portfolio-list__text{position:absolute;left:0;padding-top:77px;padding-bottom:77px;padding-left:24px;padding-right:24px;padding:63px 24px;width:100%;height:100%;font-size:18px;font-weight:400;line-height:1.5555555556;letter-spacing:.03em;background-color:rgba(33,150,243,.9);color:#fff;transition:transform var(--transition-dure-and-function)}.portfolio-list__link:hover .portfolio-list__text,.portfolio-list__link:focus .portfolio-list__text{transform:translate(0, -294px)}@media screen and (min-width: 768px){.portfolio-list__text{padding-top:49px}}@media screen and (min-width: 1200px){.portfolio-list__text{padding-top:63px;padding-bottom:63px}}.portfolio-list__item{width:100%}@media screen and (min-width: 768px){.portfolio-list__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.portfolio-list__item{width:calc((100% - 60px)/3)}}.portfolio-list__description{flex-grow:1;height:auto;border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;padding-top:20px;padding-left:24px;padding-right:24px;padding-bottom:20px}.portfolio-list__title{margin-bottom:4px;font-size:18px;font-weight:700;line-height:2;letter-spacing:.06em}.portfolio-list__filter{font-size:16px;font-weight:400;line-height:1.875;letter-spacing:.03em;color:var(--primary-text-color)}/*# sourceMappingURL=main.min.css.map */