:root{--accent-color: #2196f3;--main-text-color: #212121;--gray-text-color: #757575;--background-hero: #2f303a;--background-gradient-color: rgba(47, 48, 58, 0.4);--white-color: #fff;--black-color: #000;--background-gray-color: #f5f4fa;--border-header: #ececec;--border-portfolio: #eeeeee;--button-hero-active: #188ce8;--icon-color: #afb1b8;--footer-icon-color: rgba(255, 255, 255, 0.1);--form-focus: #2196f3;--form-input-color: rgba(117, 117, 117, 0.5);--placeholder-color: rgba(255, 255, 255, 0.6)}h1,h2,h3,h4,h5,h6,ul,p{margin:0;padding:0}ul{list-style: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}.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;padding-top:0}@media screen and (min-width: 1200px){.section--no-padding-top{display:-webkit-box;display:-ms-flexbox;display:flex}}.section__title{font-weight:700;font-size:28px;line-height:1.1785714286;text-align:center;letter-spacing:.03em;margin-bottom:30px}@media screen and (min-width: 1200px){.section__title{font-size:36px;line-height:1.1666666667}}@media screen and (min-width: 1200px){.section__title{margin-bottom:50px}}.section--other-background{background-color:var(--background-gray-color);text-align:center}.container{max-width:480px;padding:0 15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.container{max-width:768px}}@media screen and (min-width: 1200px){.container{max-width:1200px}}body{font-family:Roboto,sans-serif;color:var(--main-text-color);background-color:var(--white-color)}body.modal-open{overflow:hidden}img{display:block;max-width:100%;height:auto}.icon{fill:currentColor}header{border-bottom:1px solid var(--border-header)}.header__container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 1199px){.header__container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.navigation,.navigation__list,.contacts{display:none}@media screen and (min-width: 768px){.navigation,.navigation__list,.contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.navigation__list,.contacts{font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;text-decoration:none}@media screen and (min-width: 768px){.navigation__list,.contacts{padding-top:21px;padding-bottom:21px}}@media screen and (min-width: 1200px){.navigation__list,.contacts{padding-top:32px;padding-bottom:32px}}@media screen and (min-width: 768px)and (max-width: 1199px){.contacts{display:block;font-size:12px;line-height:1.1716666667}}@media screen and (min-width: 1200px){.contacts{margin-left:auto}}.contacts__link{color:var(--gray-text-color);text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.contacts__link:hover,.contacts__link:focus{color:var(--accent-color);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.contacts__link{display:-webkit-box;display:-ms-flexbox;display:flex}}.contacts__icon{margin-right:10px}.navigation__item:not(:last-child){margin-right:50px}@media screen and (min-width: 768px)and (max-width: 1199px){.contacts__item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.contacts__item:not(:last-child){margin-right:30px}}.navigation__link{line-height:1;color:var(--main-text-color);text-decoration:none;line-height:1.14;letter-spacing:.02em;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.navigation__link:hover,.navigation__link:focus,.navigation__link--active{color:var(--accent-color);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.navigation__link--active::after{content:"";position:absolute;display:block;left:0;top:48px;width:100%;height:4px;background-color:var(--accent-color);border-radius:2px}@media screen and (min-width: 1200px){.navigation__link--active::after{top:46px}}.menu-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:48px 40px;background-color:var(--white-color);z-index:999;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 250ms ease-in-out;transition:-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out}.menu-container.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.menu-container .btn-menu{position:absolute;top:16px;right:16px;color:var(--white-color)}.mobile-menu__item:not(:last-child){margin-bottom:32px}.mobile-menu__link{display:block;padding:10px;color:var(--main-text-color);text-decoration:none;font-weight:500;font-size:40px;line-height:1.175;letter-spacing:.02em}.mobile-menu__link:hover,.mobile-menu__link:focus,.mobile-menu__link--active{color:var(--accent-color)}.mobile-contacts{margin-bottom:64px}.mobile-contacts__item:not(:last-child){margin-bottom:32px}.mobile-contacts__link{font-weight:500;letter-spacing:.02em;color:var(--gray-text-color);text-decoration:none}.mobile-contacts__link:hover,.mobile-contacts__link:focus{color:var(--accent-color)}.mobile-contacts__link--phone{font-size:34px;line-height:1.1764705882;color:var(--accent-color)}.mobile-contacts__link--mail{font-size:24px;line-height:1.1720833333}.mobile-social{display:-webkit-box;display:-ms-flexbox;display:flex}.mobile-social__link{text-decoration:none;color:var(--accent-color);font-weight:500;font-size:18px;line-height:1.2222222222;letter-spacing:.02em}.mobile-social__item{padding:0 10px}.mobile-social__item:not(:last-child){border-right:1px solid rgba(33,33,33,.2)}.logo{color:var(--black-color);font-family:Raleway,sans-serif;font-weight:700;font-size:24px;line-height:1.1741666667;text-decoration:none;letter-spacing:.03em}@media screen and (max-width: 767px){.logo{padding:16px 0}}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.1738461538;margin-right:93px}}.logo__text{color:var(--accent-color)}.footer__logo{margin-bottom:20px}.footer__logo--white{color:var(--white-color)}.hero{background-color:var(--background-hero);text-align:center;padding-top:118px;padding-bottom:118px;margin-left:auto;margin-right:auto;background-repeat:no-repeat;max-width:1600px;background-size:cover;background-position:center;background-image:-webkit-gradient(linear, left top, right top, from(var(--background-gradient-color)), to(var(--background-gradient-color))),url(../images/hero-mobile.jpg);background-image:linear-gradient(to right, var(--background-gradient-color), var(--background-gradient-color)),url(../images/hero-mobile.jpg)}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(var(--background-gradient-color)), to(var(--background-gradient-color))),url(../images/hero-mobile@2x.jpg);background-image:linear-gradient(to right, var(--background-gradient-color), var(--background-gradient-color)),url(../images/hero-mobile@2x.jpg)}}@media screen and (min-width: 481px){.hero{background-image:-webkit-gradient(linear, left top, right top, from(var(--background-gradient-color)), to(var(--background-gradient-color))),url(../images/hero-tablet.jpg);background-image:linear-gradient(to right, var(--background-gradient-color), var(--background-gradient-color)),url(../images/hero-tablet.jpg)}}@media screen and (min-width: 481px)and (min-device-pixel-ratio: 2),screen and (min-width: 481px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 481px)and (min-resolution: 192dpi),screen and (min-width: 481px)and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(var(--background-gradient-color)), to(var(--background-gradient-color))),url(../images/hero-tablet@2x.jpg);background-image:linear-gradient(to right, var(--background-gradient-color), var(--background-gradient-color)),url(../images/hero-tablet@2x.jpg)}}@media screen and (min-width: 769px){.hero{background-image:-webkit-gradient(linear, left top, right top, from(var(--background-gradient-color)), to(var(--background-gradient-color))),url(../images/hero-desktop.jpg);background-image:linear-gradient(to right, var(--background-gradient-color), var(--background-gradient-color)),url(../images/hero-desktop.jpg)}}@media screen and (min-width: 769px)and (min-device-pixel-ratio: 2),screen and (min-width: 769px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 769px)and (min-resolution: 192dpi),screen and (min-width: 769px)and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(var(--background-gradient-color)), to(var(--background-gradient-color))),url(../images/hero-desktop@2x.jpg);background-image:linear-gradient(to right, var(--background-gradient-color), var(--background-gradient-color)),url(../images/hero-desktop@2x.jpg)}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px}}.hero__title{color:var(--white-color);font-weight:900;font-size:26px;line-height:1.6153846154;letter-spacing:.06em;text-transform:uppercase;margin-right:auto;margin-left:auto;margin-bottom:30px}@media screen and (max-width: 1199px){.hero__title{max-width:360px}}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.3636363636;width:696px}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:1;opacity:1;visibility:visible;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);overflow-y:scroll}.backdrop.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.backdrop.is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(0.7);transform:translate(-50%, -50%) scale(0.7);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal{display:block;position:absolute;background-color:var(--white-color);left:50%;top:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-webkit-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);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;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;padding:8px;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding:40px}@media screen and (max-width: 767px){.modal{width:calc(100% - 30px);max-width:450px;max-height:609px}}@media screen and (min-width: 768px){.modal{max-height:609px;max-width:450px;width:100%}}@media screen and (min-width: 1200px){.modal{min-height:581px;min-width:528px}}.modal-form{text-align:center}.modal__heading{display:block;width:100%;margin-bottom:12px;font-size:20px;letter-spacing:.03em;color:var(--main-text-color)}@media screen and (max-width: 1199px){.modal__heading{text-align:center}}.modal-form__label{display:block;position:relative;color:var(--gray-text-color);text-align:left;margin-bottom:10px}.modal-form__label.coment{margin-bottom:20px}.modal-form__input,.modal-form__textarea{width:100%;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0)}.modal-form__input:focus,.modal-form__textarea:focus{border:1px solid var(--form-focus);-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__input{padding-left:42px;padding-right:12px;height:40px}.modal-form__input:focus+.modal-form__icon{fill:var(--form-focus);-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__icon{position:absolute;left:12px;top:28px}.modal-form__textarea{display:block;padding:12px 16px;font-size:12px;line-height:1.17;letter-spacing:.01em;resize:none}.modal-form__textarea::-webkit-input-placeholder{color:var(--form-input-color)}.modal-form__textarea::-moz-placeholder{color:var(--form-input-color)}.modal-form__textarea:-ms-input-placeholder{color:var(--form-input-color)}.modal-form__textarea::-ms-input-placeholder{color:var(--form-input-color)}.modal-form__textarea::placeholder{color:var(--form-input-color)}.modal-form__title{display:block;margin-bottom:4px;font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em}.modal-license__text{font-size:12px;line-height:1.1716666667;letter-spacing:.03em;color:var(--gray-text-color);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 1200px){.modal-license__text{font-size:14px;line-height:1.7142857143}}.modal-license__link{color:var(--form-focus)}.modal-license__icons--checked{opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-license{margin-bottom:30px}.modal-license__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:7px}.modal-license__checkbox:checked+.modal-license__icons .modal-license__icons--checked{opacity:1;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-license__checkbox:checked+.modal-license__icons .modal-license__icons--unchecked{opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.hero__btn,.submit__btn{background-color:var(--accent-color);color:var(--white-color);font-weight:700;font-size:16px;line-height:1.87;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;letter-spacing:.06em;cursor:pointer;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border-color:rgba(0,0,0,0);padding:10px 32px;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.hero__btn:hover,.hero__btn:focus,.submit__btn:hover,.submit__btn:focus{background-color:var(--button-hero-active);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.close__btn{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:8px;right:8px;width:30px;height:30px;border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--white-color)}.close__btn:hover,.close__btn:focus{fill:var(--accent-color)}.filter__btn{background-color:var(--background-gray-color);color:var(--main-text-color);font-weight:500;font-size:16px;line-height:1.62;text-align:center;letter-spacing:.03em;cursor:pointer;border-radius:4px;border-color:rgba(0,0,0,0);padding:6px 22px;-webkit-transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,box-shadow;transition-property:background-color,color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.filter__btn--all{padding-left:25px;padding-right:25px}.filter__btn:hover,.filter__btn:focus{background-color:var(--accent-color);color:var(--white-color);-webkit-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);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;-webkit-transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,-webkit-box-shadow;transition-property:background-color,color,box-shadow;transition-property:background-color,color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.btn-subscription{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background-color:var(--accent-color);color:var(--white-color);font-weight:700;font-size:16px;line-height:1.87;margin-left:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:.06em;width:200px;height:50px;cursor:pointer;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border-color:rgba(0,0,0,0);padding-top:10px;padding-bottom:10px;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.btn-subscription:hover,.btn-subscription:focus{background-color:var(--button-hero-active);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.btn__text{margin-right:10px}.btn-menu{min-height:40px;min-width:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background-color:rgba(0,0,0,0);cursor:pointer;border:none;border-radius:50%;outline:none}@media screen and (min-width: 768px){.btn-menu{display:none}}.btn-menu:hover,.btn-menu:focus{fill:var(--accent-color)}.features__title{font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px}@media screen and (max-width: 767px){.features__title{text-align:center}}.features__text{font-size:14px;line-height:1.71;color:var(--gray-text-color);letter-spacing:.03em}.features__icon-box{height:120px;background-color:var(--background-gray-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;margin-bottom:30px}@media screen and (min-width: 768px){.features{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width: 1199px){.features__item{margin-bottom:30px}}@media screen and (max-width: 767px){.features__item:last-child{margin-bottom:0}}@media screen and (min-width: 768px){.features__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}.features__item:nth-child(2n+1){margin-right:30px}.features__item:nth-last-child(-n+2){margin-bottom:0}}@media screen and (min-width: 1200px){.features__item{-ms-flex-preferred-size:calc((100% - 90px)/4);flex-basis:calc((100% - 90px)/4);margin-right:30px}.features__item:last-child{margin-right:0}}.services{display:-webkit-box;display:-ms-flexbox;display:flex}.services__item{margin-right:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.services__item:last-child{margin-right:0}.services__thumb{position:relative}.services__title{font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color)}.services__title-box{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(47,48,58,.8);width:100%;height:70px;left:0;bottom:0}@media screen and (min-width: 768px){.team{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.team__item{background-color:var(--white-color);text-decoration:none;-webkit-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);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 (max-width: 1199px){.team__item{margin-bottom:30px}}@media screen and (max-width: 767px){.team__item:last-child{margin-bottom:0}}@media screen and (min-width: 768px){.team__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}.team__item:nth-child(2n+1){margin-right:30px}.team__item:nth-last-child(-n+2){margin-bottom:0}}@media screen and (min-width: 1200px){.team__item{-ms-flex-preferred-size:calc((100% - 90px)/4);flex-basis:calc((100% - 90px)/4);margin-right:30px}.team__item:last-child{margin-right:0}}.team__title{color:var(--main-text-color);font-weight:500;font-size:16px;line-height:1.19;letter-spacing:.03em;margin-bottom:10px}.team__text{font-size:16px;line-height:1.19;letter-spacing:.03em;color:var(--gray-text-color);margin-bottom:16px}.team__about{padding-top:30px;padding-bottom:30px}.social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--icon-color);-webkit-transition-property:background-color,color;transition-property:background-color,color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.social__link:hover,.social__link:focus{background-color:var(--accent-color);color:var(--white-color);-webkit-transition-property:background-color,color;transition-property:background-color,color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.social__item:not(:last-child){margin-right:10px}.filters{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:40px}@media screen and (max-width: 767px){.filters{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 768px){.filters{margin-bottom:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.filters{margin-bottom:50px}}.filters__item:not(:last-child){margin-right:8px}@media screen and (max-width: 767px){.filters__item:not(:nth-last-child(-n+2)){margin-bottom:15px}}.portfolio__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.portfolio__item:not(:last-child){margin-bottom:30px}@media screen and (min-width: 768px){.portfolio__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}.portfolio__item:nth-child(2n+1){margin-right:30px}.portfolio__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 1200px){.portfolio__item{-ms-flex-preferred-size:calc((100% - 60px)/3);flex-basis:calc((100% - 60px)/3);margin-right:30px;margin-bottom:30px}.portfolio__item:nth-child(3n){margin-right:0}.portfolio__item:nth-last-child(-n+3){margin-bottom:0}}.portfolio__title{border:1px solid var(--border-portfolio);border-top:none;padding:20px 24px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.portfolio__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;text-decoration:none;font-size:16px;line-height:1.88;letter-spacing:.03em;color:var(--gray-text-color);-webkit-box-shadow:none;box-shadow:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__link:hover,.portfolio__link:focus{-webkit-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);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);-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__link:hover .portfolio__overlay,.portfolio__link:focus .portfolio__overlay{-webkit-transform:translateY(0);transform:translateY(0)}.portfolio__name{font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--main-text-color);margin-bottom:4px}.portfolio__thumb{position:relative;overflow:hidden}.portfolio__overlay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 24px;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(33,150,243,.9);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__text{color:var(--white-color);font-weight:400;font-size:18px;line-height:1.56;letter-spacing:.03em}footer{background-color:var(--background-hero);padding-top:60px;padding-bottom:60px}@media screen and (max-width: 1199px){footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}}@media screen and (min-width: 1200px){.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.address__link{color:var(--gray-text-color);font-size:14px;line-height:1.71;font-style:normal;text-decoration:none;letter-spacing:.03em;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.address__link--white{color:var(--white-color)}.address__link:hover,.address__link:focus{color:var(--accent-color);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.address__item:not(:last-child){margin-bottom:9px}@media screen and (max-width: 767px){.footer__box{margin-bottom:60px}}@media screen and (min-width: 768px){.footer__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:distribute;justify-content:space-around}}.footer-social__title{font-weight:700;font-size:14px;color:var(--white-color);line-height:16px;letter-spacing:.03em;margin-bottom:20px}.footer.social__link{color:var(--white-color);background-color:var(--footer-icon-color);-webkit-transition-property:color,background-color;transition-property:color,background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer.social__link:hover,.footer.social__link:focus{background-color:var(--accent-color);-webkit-transition-property:color,background-color;transition-property:color,background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 1199px){.footer__contacts{margin-bottom:60px}}@media screen and (min-width: 1200px){.footer__contacts{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:70px}}.subscription{display:block}@media screen and (min-width: 768px)and (max-width: 1199px){.subscription{width:450px;margin:0 auto}}.subscription__label{display:block;margin-bottom:20px}.subscription__input{padding:15px 16px;color:var(--white-color);outline:rgba(0,0,0,0);margin:0 auto;width:100%;height:50px;background-color:var(--background-hero);border:1px solid rgba(255,255,255,.3);-webkit-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px}.subscription__input::-webkit-input-placeholder{color:var(--placeholder-color)}.subscription__input::-moz-placeholder{color:var(--placeholder-color)}.subscription__input:-ms-input-placeholder{color:var(--placeholder-color)}.subscription__input::-ms-input-placeholder{color:var(--placeholder-color)}.subscription__input::placeholder{color:var(--placeholder-color)}.subscription__input:focus-within{border:1px solid var(--form-focus);border-radius:4px}@media screen and (max-width: 1199px){.subscription__input{margin-bottom:20px}}@media screen and (min-width: 768px){.subscription__input{width:450px}}@media screen and (min-width: 1200px){.subscription__input{width:354px}}.subscription__title{font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color)}.clients{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 1199px){.clients{-ms-flex-wrap:wrap;flex-wrap:wrap}}.clients__link{display:-webkit-box;display:-ms-flexbox;display:flex;height:92px;border:1px solid var(--icon-color);border-radius:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--icon-color);-webkit-transition-property:color,border;transition-property:color,border;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover,.clients__link:focus{border-color:var(--accent-color);color:var(--accent-color);-webkit-transition-property:color,border;transition-property:color,border;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.clients__link{width:170px}}.clients__item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:30px;margin-bottom:30px}@media screen and (max-width: 767px){.clients__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}.clients__item:nth-child(2n){margin-right:0}.clients__item:nth-last-child(-n+2){margin-bottom:0}}@media screen and (min-width: 768px)and (max-width: 1199px){.clients__item{-ms-flex-preferred-size:calc((100% - 60px)/3);flex-basis:calc((100% - 60px)/3)}.clients__item:nth-child(3n+3){margin-right:0}.clients__item:nth-last-child(-n+3){margin-bottom:0}}@media screen and (min-width: 1200px){.clients__item{margin-bottom:0}.clients__item:last-child{margin-right:0}}/*# sourceMappingURL=main.min.css.map */