:root{--main-text-color: #757575;--main-text-font-size: 14px;--main-text-line-height: 1.71;--main-text-letter-spacing: 0.03em;--main-title-color: #212121;--primary-background-color: #ffffff;--typical-margin: 30px;--secondary-text-color: #ffffff;--secondary-title-color: #ffffff;--secondary-background-color: #2f303a;--secondary-letter-spacing: 0.06em;--secondary-font-size: 16px;--secondary-typical-margin: 50px;--accent-background-color: #f5f4fa;--accent-link-color: #2196f3;--navigation-font-size: 14px;--navigation-line-height: 1.14;--navigation-font-weight: 500;--navigation-letter-spacing: 0.02em;--timing-function: cubic-bezier(0.4, 0, 0.2, 1)}body{font-family:Roboto,"Open Sans",sans-serif;font-size:var(--main-text-font-size);letter-spacing:var(--main-text-letter-spacing);color:var(--main-text-color);background-color:var(--primary-background-color)}.list{list-style:none}.link{text-decoration:none}p,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{padding-left:0;margin:0}button{cursor:pointer}img{display:block;max-width:100%;height:auto}address{font-style:normal}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.container{width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@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}}.logo{font-family:"Raleway";font-weight:700;font-size:24px;line-height:1.17;color:var(--accent-link-color)}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19}}.logo--dark{color:#000}.logo--light{color:#fff}.title{font-size:28px;line-height:1.18;text-align:center;color:var(--main-title-color)}@media screen and (min-width: 1200px){.title{font-size:36px;line-height:1.17}}.text{font-size:var(--secondary-font-size);line-height:1.19;text-align:center}.button{display:block;margin:0 auto;padding-top:10px;padding-bottom:10px;min-width:200px;height:50px;font-family:inherit;font-weight:700;font-size:var(--secondary-font-size);line-height:1.88;letter-spacing:var(--secondary-letter-spacing);color:var(--secondary-text-color);text-align:center;background-color:var(--accent-link-color);box-shadow:0px 4px 4px rgba(0,0,0,.15);border:none;border-radius:4px;transition:background 250ms var(--timing-function)}.button:hover,.button:focus{background:#188ce8}.social-list{display:flex;justify-content:center}.social-list__item:not(:last-child){margin-right:10px}.social-list__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%}.social-list__link:hover,.social-list__link:focus{background-color:var(--accent-link-color);color:#fff}.social-list__link--light{background-color:var(--primary-background-color);color:#afb1b8;transition:background-color 250ms var(--timing-function),color 250ms var(--timing-function)}.social-list__link--dark{background-color:rgba(255,255,255,.1);color:#fff;transition:background-color 250ms var(--timing-function),color 250ms var(--timing-function)}.social-list__icon{fill:currentColor}.contacts__text{line-height:var(--main-text-line-height);color:var(--secondary-text-color);margin-bottom:8px}@media screen and (min-width: 1200px){.contacts__text{margin-bottom:9px}}.contacts__item:not(:last-child){margin-bottom:8px}@media screen and (min-width: 1200px){.contacts__item:not(:last-child){margin-bottom:9px}}.contacts__link{line-height:var(--main-text-line-height);color:rgba(255,255,255,.6);transition:color 250ms var(--timing-function)}.contacts__link:hover,.contacts__link:focus{color:var(--accent-link-color)}@media screen and (min-width: 1200px){.subscription{display:flex;align-items:flex-end}}.subscription__field{margin-bottom:20px}@media screen and (min-width: 1200px){.subscription__field{margin-right:12px;margin-bottom:0;width:358px}}.subscription__text{margin-bottom:20px;font-weight:700;line-height:var(--navigation-line-height);text-transform:uppercase;color:var(--secondary-text-color)}.subscription__input{display:block;padding-left:16px;width:100%;min-height:50px;font-size:var(--secondary-font-size);line-height:1.25;letter-spacing:var(--main-text-letter-spacing);color:rgba(255,255,255,.6);background-color:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.3);border-radius:4px;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));outline:none;transition:border-color 250ms var(--timing-function)}.subscription__input::placeholder{font-size:var(--secondary-font-size);line-height:1.25;letter-spacing:var(--main-text-letter-spacing);color:rgba(255,255,255,.6)}.subscription__input:focus{border-color:var(--accent-link-color)}.subscription__btn{display:flex;justify-content:center;align-items:center;padding:10px 28px}.subscription__icon{margin-left:10px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);transition:opacity 250ms var(--timing-function),visibility 250ms var(--timing-function);overflow-y:auto}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1) skew(0);transition:transform 250ms var(--timing-function);width:90vw;min-height:609px;padding:40px;background-color:var(--primary-background-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 (min-width: 480px){.modal{width:450px}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.modal__close-btn{display:flex;justify-content:center;align-items:center;position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1)}.modal__close-icon{fill:#000;transition:fill 250ms var(--timing-function)}.modal__close-btn:hover .modal__close-icon,.modal__close-btn:focus .modal__close-icon{fill:var(--accent-link-color)}.modal__title{margin-bottom:12px;font-weight:700;font-size:20px;line-height:1.5;text-align:center;color:var(--main-title-color)}@media screen and (min-width: 1200px){.modal__title{line-height:1.15}}.modal__field{display:flex;flex-direction:column;margin-bottom:10px}.modal__field:nth-child(4){margin-bottom:20px}.modal__label{margin-bottom:4px;font-size:12px;line-height:1.17;letter-spacing:.01em}.modal__wrap{position:relative}.modal__input{width:100%;min-height:40px;padding-left:32px;color:var(--main-text-color);line-height:var(--main-text-line-height);border:1px solid rgba(33,33,33,.2);border-radius:4px;cursor:pointer;outline:none;transition:border-color 250ms var(--timing-function)}.modal__input:focus,.modal__input:hover{border-color:var(--accent-link-color)}.modal__icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);fill:#212121;transition:fill 250ms var(--timing-function)}.modal__input:focus+.modal__icon,.modal__input:hover+.modal__icon{fill:var(--accent-link-color)}.modal__text{width:100%;height:120px;padding:12px 16px;color:var(--main-text-color);line-height:var(--main-text-line-height);border:1px solid rgba(33,33,33,.2);border-radius:4px;cursor:pointer;outline:none;resize:none;transition:border-color 250ms var(--timing-function)}.modal__text:focus,.modal__text:hover{border-color:var(--accent-link-color)}.modal__text::placeholder{font-size:var(--navigation-font-size);line-height:var(--navigation-line-height);letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__checkbox{max-width:370px;margin-bottom:30px}@media screen and (min-width: 1200px){.modal__checkbox{max-width:448px}}.backdrop.is-hidden .modal{transform:translate(0, 0) scale(0.5) skew(30deg)}.checkbox-policy__label{display:flex;align-items:center}@media screen and (max-width: 479px){.checkbox-policy__label{flex-wrap:wrap}}@media screen and (max-width: 1199px){.checkbox-policy__label{font-size:12px;line-height:1.17}}@media screen and (min-width: 1200px){.checkbox-policy__label{line-height:var(--main-text-line-height)}}.checkbox-policy__label::before{content:"";width:16px;height:15px;margin-right:8px;border:2px solid #212121;border-radius:2px;transition:border-color 250ms var(--timing-function)}@media screen and (min-width: 1200px){.checkbox-policy__label::before{margin-right:8px}}.checkbox-policy__input:checked+.checkbox-policy__label::before{border:none;background-color:var(--accent-link-color);background-image:url(../images/icon-check.svg);background-repeat:no-repeat;background-position:center}.checkbox-policy__input:focus+.checkbox-policy__label::before{border-color:var(--accent-link-color)}.checkbox-policy__link{color:var(--accent-link-color)}.header{min-height:60px;border-bottom:1px solid #ececec}@media screen and (min-width: 768px){.header{min-height:80px}}.header__container,.header__nav{display:flex;align-items:center}@media screen and (max-width: 767px){.header__container,.header__nav{justify-content:space-between;width:100%}}@media screen and (max-width: 767px){.header__logo{padding:16px 0}}@media screen and (min-width: 768px){.header__logo{margin-right:88px}}@media screen and (min-width: 1200px){.header__logo{margin-right:93px}}.header__open-btn{background-color:var(--primary-background-color);border:none}@media screen and (min-width: 768px){.header__open-btn{display:none}}.header__icon{fill:#000;transition:fill 250ms var(--timing-function)}.header__icon:hover,.header__icon:focus{fill:var(--accent-link-color)}.header__link{display:flex;align-items:center;position:relative;padding-top:32px;padding-bottom:32px;font-weight:var(--navigation-font-weight);font-size:var(--navigation-font-size);line-height:var(--navigation-line-height);letter-spacing:var(--navigation-letter-spacing);color:var(--main-title-color);transition:color 250ms var(--timing-function)}.header__link:hover,.header__link:focus{color:var(--accent-link-color)}.header__link--main-color{color:var(--main-text-color)}.menu-list{display:none}@media screen and (min-width: 768px){.menu-list{display:flex}}.menu-list__item:not(:last-child){margin-right:var(--secondary-typical-margin)}.menu-list--current{color:var(--accent-link-color)}.menu-list--current::after{content:"";display:block;position:absolute;bottom:-1px;height:4px;width:100%;background-color:var(--accent-link-color);border-radius:2px}.connect-list{display:none}@media screen and (min-width: 768px){.connect-list{display:block;margin-left:auto}}@media screen and (min-width: 1200px){.connect-list{display:flex}}@media screen and (min-width: 768px)and (max-width: 1199px){.connect-list .header__link{padding:0;font-size:12px;line-height:1.17}}@media screen and (max-width: 1199px){.connect-list__item:first-child{margin-bottom:10px}}@media screen and (min-width: 1200px){.connect-list__item:first-child{margin-right:var(--secondary-typical-margin)}}.connect-list__icon{margin-right:8px;fill:currentColor}@media screen and (min-width: 1200px){.connect-list__icon{margin-right:10px}}.mobil-menu{z-index:1;position:fixed;top:0;left:0;width:100vw;height:100vh;padding-top:48px;padding-bottom:48px;background-color:var(--primary-background-color);transform:scale(1);transition:opacity 250ms var(--timing-function),visibility 250ms var(--timing-function),transform 250ms var(--timing-function)}.mobil-menu .is-hidden{transform:scale(0.5)}.mobil-menu .container{display:flex;flex-direction:column;justify-content:space-between;padding-left:10px;padding-right:10px;overflow-y:auto;height:100%}@media screen and (min-width: 480px){.mobil-menu .container{padding-left:40px;padding-right:40px}}.mobil-menu__close-btn{position:absolute;top:10px;right:15px;border:none;background-color:rgba(0,0,0,0)}.mobil-nav__item{margin-bottom:32px}.mobil-nav__link{font-weight:500;font-size:40px;line-height:1.18;letter-spacing:var(--navigation-letter-spacing);color:var(--main-title-color)}.mobil-nav__link--current{color:var(--accent-link-color)}.mobil-connect{margin-bottom:64px}.mobil-connect__item:not(:last-child){margin-bottom:32px}.mobil-connect__tel{font-weight:500;font-size:34px;line-height:1.18;letter-spacing:var(--navigation-letter-spacing);color:var(--accent-link-color)}.mobil-connect__mail{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:var(--navigation-letter-spacing);color:var(--main-text-color)}.mobil-soc{display:flex;flex-wrap:wrap;margin-bottom:-10px}.mobil-soc__item{margin-bottom:10px}.mobil-soc__item:not(:last-child){margin-right:10px}.mobil-soc__item:not(:last-child)::after{content:"";margin-left:10px;border:1px solid rgba(33,33,33,.2)}.mobil-soc__link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:var(--navigation-letter-spacing);color:var(--accent-link-color)}.no-scroll{overflow:hidden}.hero{margin:0 auto;padding-top:118px;padding-bottom:118px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-mob.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#c4c4c4}@media(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-mob-2x.jpg)}}@media screen and (min-width: 480px){.hero{max-width:480px}}@media screen and (min-width: 768px){.hero{max-width:768px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-tab.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(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-tab-2x.jpg)}}@media screen and (min-width: 1200px){.hero{max-width:1600px;padding-top:200px;padding-bottom:200px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg.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(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-bg-2x.jpg)}}.hero__title{margin-bottom:var(--typical-margin);margin-left:auto;margin-right:auto;max-width:360px;font-weight:900;font-size:26px;line-height:1.62;text-align:center;letter-spacing:var(--secondary-letter-spacing);text-transform:uppercase;color:var(--secondary-title-color)}@media screen and (min-width: 1200px){.hero__title{max-width:696px;font-size:44px;line-height:1.36}}.features-list{margin:0 auto;margin-bottom:calc(-1*var(--typical-margin))}@media screen and (min-width: 480px){.features-list{max-width:480px}}@media screen and (min-width: 768px){.features-list{display:flex;flex-wrap:wrap;max-width:768px;margin-left:calc(-1*var(--typical-margin))}}@media screen and (min-width: 1200px){.features-list{max-width:1200px}}.features-list__item{margin-bottom:var(--typical-margin)}@media screen and (min-width: 768px){.features-list__item{flex-basis:calc(50% - var(--typical-margin));margin-left:var(--typical-margin)}}@media screen and (min-width: 1200px){.features-list__item{flex-basis:calc(25% - var(--typical-margin))}}.features-list__thumb{display:flex;justify-content:center;align-items:center;height:120px;background:var(--accent-background-color);border-radius:4px;margin-bottom:var(--typical-margin)}.features-list__title{font-size:inherit;line-height:1.14;text-transform:uppercase;color:var(--main-title-color);text-align:center;margin-bottom:10px}@media screen and (min-width: 768px){.features-list__title{text-align:start}}.features-list__text{line-height:var(--main-text-line-height)}.about{padding-top:0}@media screen and (max-width: 1199px){.about{display:none}}.about__title{margin-bottom:var(--secondary-typical-margin)}.about__list{display:flex;margin-left:calc(-1*var(--typical-margin))}.about__item{position:relative;flex-basis:calc(33.3333333333% - var(--typical-margin));margin-left:var(--typical-margin)}.about__text{position:absolute;bottom:0;width:100%;min-height:70px;padding:27px 0;font-weight:700;line-height:1.14;text-align:center;text-transform:uppercase;color:var(--secondary-text-color);background:rgba(47,48,58,.8)}.team{background-color:var(--accent-background-color)}.team__title{margin-bottom:var(--typical-margin)}@media screen and (min-width: 1200px){.team__title{margin-bottom:var(--secondary-typical-margin)}}.team__list{margin:0 auto;margin-bottom:calc(-1*var(--typical-margin))}@media screen and (min-width: 480px){.team__list{max-width:480px}}@media screen and (min-width: 768px){.team__list{display:flex;flex-wrap:wrap;max-width:768px;margin-left:calc(-1*var(--typical-margin))}}@media screen and (min-width: 1200px){.team__list{max-width:1200px}}.team__item{margin-bottom:var(--typical-margin);background-color:var(--primary-background-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){.team__item{flex-basis:calc(50% - var(--typical-margin));margin-left:var(--typical-margin)}}@media screen and (min-width: 1200px){.team__item{flex-basis:calc(25% - var(--typical-margin))}}.team-content{padding-top:30px;padding-bottom:24px}@media screen and (min-width: 1200px){.team-content{padding-bottom:30px}}.team-content__title{font-weight:500;color:var(--main-title-color);margin-bottom:10px}.team-content__text{margin-bottom:16px}.clients__title{margin-bottom:var(--typical-margin)}@media screen and (min-width: 1200px){.clients__title{margin-bottom:var(--secondary-typical-margin)}}.clients__list{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;margin-bottom:calc(-1*var(--typical-margin));margin-left:calc(-1*var(--typical-margin))}@media screen and (min-width: 480px){.clients__list{max-width:480px}}@media screen and (min-width: 768px){.clients__list{max-width:768px}}@media screen and (min-width: 1200px){.clients__list{max-width:1200px}}.clients__item{flex-basis:calc(50% - var(--typical-margin));margin-bottom:var(--typical-margin);margin-left:var(--typical-margin)}@media screen and (min-width: 768px){.clients__item{flex-basis:calc(33.3333333333% - var(--typical-margin))}}@media screen and (min-width: 1200px){.clients__item{flex-basis:calc(16.6666666667% - var(--typical-margin))}}.clients__link{display:flex;justify-content:center;align-items:center;height:92px;border:1px solid #afb1b8;border-radius:4px;color:#afb1b8;transition:border-color 250ms var(--timing-function),color 250ms var(--timing-function)}.clients__link:hover,.clients__link:focus{border-color:var(--accent-link-color);color:var(--accent-link-color)}.clients__icon{fill:currentColor}.footer{padding-top:60px;padding-bottom:60px;background-color:var(--secondary-background-color)}.footer__container{text-align:center}@media screen and (min-width: 768px){.footer__container{display:flex}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__container{flex-direction:column}}@media screen and (min-width: 1200px){.footer__container{text-align:start;align-items:baseline;justify-content:space-between}}@media screen and (min-width: 768px){.footer__wrap{display:flex;align-items:baseline}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__wrap{justify-content:space-around;margin-bottom:60px}}@media screen and (max-width: 767px){.footer__address{margin-bottom:60px}}@media screen and (min-width: 1200px){.footer__address{margin-right:70px}}.footer__logo{display:block;margin-bottom:20px}@media screen and (max-width: 767px){.footer__social{margin-bottom:60px}}.footer__title{font-size:var(--navigation-font-size);line-height:var(--navigation-line-height);text-transform:uppercase;color:var(--secondary-title-color);margin-bottom:20px}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__form{width:450px;margin:0 auto}}.filter-list{margin-top:-15px;margin-right:-8px;margin-bottom:40px;display:flex;flex-wrap:wrap}@media screen and (min-width: 768px){.filter-list{justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.filter-list{margin-bottom:50px}}.filter-list__item{margin-top:15px;margin-right:8px}.filter-list__btn{padding:6px 22px;font-family:inherit;font-weight:500;font-size:var(--secondary-font-size);line-height:1.63;text-align:center;letter-spacing:var(--main-text-letter-spacing);color:var(--main-title-color);background-color:var(--accent-background-color);border:1px solid rgba(0,0,0,0);border-radius:4px;transition:color 250ms var(--timing-function),background-color 250ms var(--timing-function),box-shadow 250ms var(--timing-function)}.filter-list__btn:hover,.filter-list__btn:focus{color:var(--secondary-title-color);background-color:var(--accent-link-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)}.filter-list--current{color:var(--secondary-title-color);background-color:var(--accent-link-color)}.work-list{margin-left:calc(-1*var(--typical-margin));margin-bottom:calc(-1*var(--typical-margin))}@media screen and (min-width: 768px){.work-list{display:flex;flex-wrap:wrap}}.work-list__item{margin-left:var(--typical-margin);margin-bottom:var(--typical-margin);background:var(--primary-background-color)}@media screen and (min-width: 768px){.work-list__item{flex-basis:calc(50% - var(--typical-margin))}}@media screen and (min-width: 1200px){.work-list__item{flex-basis:calc(33.3333333333% - var(--typical-margin))}}.work-list__link{display:flex;flex-direction:column;height:100%;transition:box-shadow 250ms var(--timing-function)}.work-list__link:hover,.work-list__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)}.work-list__thumb{position:relative;overflow:hidden}.work-list__overlay{position:absolute;top:0;left:0;padding:63px 24px;height:100%;font-size:18px;line-height:1.56;color:var(--secondary-text-color);overflow:auto;background-color:rgba(33,150,243,.9);transform:translateY(100%);transition:transform 250ms var(--timing-function)}.work-list__link:hover .work-list__overlay,.work-list__link:focus .work-list__overlay{transform:translateY(0)}.work-list__content{flex-grow:1;padding:20px 24px;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee}.work-list__title{font-size:18px;line-height:2;letter-spacing:var(--secondary-letter-spacing);color:var(--main-title-color);margin-bottom:4px}.work-list__text{font-size:var(--secondary-font-size);line-height:1.88;color:var(--main-text-color)}/*# sourceMappingURL=main.min.css.map */