h1,h2,h3,h4,h5,h6,p,a,ol,ul,li{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}ol,ul{list-style:none}a{text-decoration:none}button{box-shadow:none}.work .picture{display:flex;margin:0px;padding:0px;-moz-column-gap:30px;column-gap:30px}.work .picture__text--3,.work .picture__text--2,.work .picture__text--1{position:absolute;bottom:0px;font-family:var(--font-family);font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;text-align:center;color:#fff;background-color:rgba(47,48,58,.8);padding-top:29px;height:70px}.text-overlay,.custumers__icon,.social__icon,.social__item{transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}body{font-family:"Roboto",sans-serif;color:#212121;font-weight:700}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media screen and (min-width: 480px){.container{max-width:480px}}@media screen and (min-width: 768px){.container{max-width:768px}}@media screen and (min-width: 1200px){.container{max-width:1200px}}header{padding-top:16px;padding-bottom:16px}@media screen and (min-width: 1200px){header{padding-top:24px;padding-bottom:24px}}.header-position{display:flex;align-items:center}.logo{font-size:24px;letter-spacing:.03em;color:#2196f3}@media screen and (min-width: 1200px){.logo{font-size:26px}}.studio{color:#000}.navigation{display:none}@media screen and (min-width: 768px){.navigation{display:flex;margin-left:90px;margin-right:90px;flex-direction:row;-moz-column-gap:50px;column-gap:50px}.navigation__item{position:relative}.navigation__link{font-weight:500;font-size:14px;letter-spacing:.02em;color:#212121;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.navigation__link:hover::after{content:"";display:block;position:absolute;width:100%;height:4px;border-radius:2px;background-color:#2196f3;top:44px}.navigation__link:hover{color:#2196f3}}@media screen and (min-width: 1200px){.navigation{margin-left:93px;margin-right:315px}}.contact{display:none}@media screen and (min-width: 768px){.contact{display:flex;flex-direction:column}.contact__email,.contact__tel{font-weight:500;font-size:14px;letter-spacing:.02em;color:#757575;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}}@media screen and (min-width: 1200px){.contact{display:flex;flex-direction:row;-moz-column-gap:30px;column-gap:30px}}.contact:hover{color:#2196f3}.contact__tel:hover .icon-smartphone{fill:#2196f3}.icon-smartphone{fill:#757575;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.contact__email:hover .icon-envelope{fill:#2196f3}.icon-envelope{fill:#757575;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.contact__email:hover,.contact__tel:hover{color:#2196f3}.header__burger{margin-left:276px}@media screen and (min-width: 768px){.header__burger{display:none}}@media screen and (min-width: 480px){.effecity{background-image:url(../images/overlay.png),url(../images/mobileheader.jpg);padding:130px 0;background-repeat:no-repeat;background-position:center}}.effecity__position{display:flex;flex-direction:column;align-items:center}.effecity__title{font-family:var(--font-family);font-weight:900;font-size:26px;line-height:162%;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#fff}.effecity .order{border-radius:4px;width:200px;height:50px;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);background:#2196f3;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;text-align:center;color:#fff}@media screen and (min-width: 768px){.effecity{background-image:url(../images/heros.png);background-repeat:no-repeat;background-size:cover;background-position:center}.effecity__title{padding:0 180px}}@media screen and (min-width: 768px)and (min-width: 1200px){.effecity{padding-top:200px;padding-bottom:200px}}.skills{margin-top:60px;margin-bottom:60px}@media screen and (min-width: 1200px){.skills{margin-top:94px;margin-bottom:94px}}.special{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 768px){.special{flex-direction:row;flex-wrap:wrap;-moz-column-gap:30px;column-gap:30px;row-gap:30px}.special__item{flex-basis:calc((100% - 60px)/2)}}@media screen and (min-width: 1200px){.special{flex-wrap:nowrap;align-items:center}}.special__item:nth-child(1):before{content:"";display:block;margin-bottom:30px;width:450px;height:120px;background-image:url(../images/antena.png);background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (min-width: 768px){.special__item:nth-child(1):before{content:"";display:block;margin-bottom:30px;width:354px;height:120px}}@media screen and (min-width: 1200px){.special__item:nth-child(1):before{content:"";display:block;margin-bottom:30px;width:270px;height:120px}}.special__item:nth-child(2):before{content:"";display:block;margin-bottom:30px;width:450px;height:120px;background-image:url(../images/clock.png);background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (min-width: 768px){.special__item:nth-child(2):before{content:"";display:block;margin-bottom:30px;width:354px;height:120px}}@media screen and (min-width: 1200px){.special__item:nth-child(2):before{content:"";display:block;margin-bottom:30px;width:270px;height:120px}}.special__item:nth-child(3):before{content:"";display:block;margin-bottom:30px;width:450px;height:120px;background-image:url(../images/graph.png);background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (min-width: 768px){.special__item:nth-child(3):before{content:"";display:block;margin-bottom:30px;width:354px;height:120px}}@media screen and (min-width: 1200px){.special__item:nth-child(3):before{content:"";display:block;margin-bottom:30px;width:270px;height:120px}}.special__item:nth-child(4):before{content:"";display:block;margin-bottom:30px;width:450px;height:120px;background-image:url(../images/astronaut.png);background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (min-width: 768px){.special__item:nth-child(4):before{content:"";display:block;margin-bottom:30px;width:354px;height:120px}}@media screen and (min-width: 1200px){.special__item:nth-child(4):before{content:"";display:block;margin-bottom:30px;width:270px;height:120px}}.special__quality{font-family:var(--font-family);font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;text-align:center;color:#212121;margin-bottom:10px}@media screen and (min-width: 768px){.special__quality{text-align:start}}.special__text{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:#757575;margin-bottom:30px}.work{display:none}@media screen and (min-width: 1200px){.work{display:flex;margin-bottom:94px}.work__title{font-weight:700;font-size:36px;letter-spacing:.03em;text-align:center;margin-bottom:50px}}.work .picture__item{position:relative;display:flex;justify-content:center}.work .picture__text--1{padding-left:107px;padding-right:107px}.work .picture__text--2{padding-left:112px;padding-right:112px}.work .picture__text--3{padding-left:94px;padding-right:94px}.team{padding-top:60px;padding-bottom:60px;background-color:#f5f4fa}.team__title{font-size:36px;letter-spacing:.03em;text-align:center;margin-bottom:50px}.developers__item{background-color:#fff;box-shadow:0 2px 1px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);margin-bottom:30px}.developers__img{width:450px;height:460px;margin-bottom:30px}.developers__title{font-weight:500;font-size:16px;letter-spacing:.03em;text-align:center;margin-bottom:10px}.developers__text{font-weight:400;font-size:16px;letter-spacing:.03em;text-align:center;color:#757575;margin-bottom:16px}@media screen and (min-width: 768px){.developers{display:flex;flex-wrap:wrap;-moz-column-gap:30px;column-gap:30px;margin:0}.developers__item{flex-basis:calc((100% - 60px)/60px)}.developers__img{width:354px;height:374px}}@media screen and (min-width: 1200px){.developers{flex-wrap:nowrap}.developers__img{width:270px;height:260px}}.social{display:flex;justify-content:center}.social__item{border-radius:50%;width:44px;height:44px;margin-left:10px;margin-bottom:30px;transition-property:backgrond-color}.social__item:hover{background-color:#2196f3}.social__icon{padding:12px;fill:#afb1b8;width:44px;height:44px;transition-property:fill}.social__icon:hover{fill:#fff}.regular-custumers{padding-bottom:94px}.custumers__title{margin-top:94px;margin-bottom:50px;font-family:var(--font-family);font-weight:700;font-size:36px;letter-spacing:.03em;text-align:center;color:#212121}.custumers{display:flex;flex-wrap:wrap;-moz-column-gap:30px;column-gap:30px;row-gap:30px}.custumers__item{flex-basis:calc((100% - 60px)/3)}.custumers__icon{width:210px;height:92px;fill:#afb1b8;border:1px solid #afb1b8;border-radius:2px;transition-property:fill,border}.custumers__icon :hover{fill:#2196f3;border:1px solid #2196f3}@media screen and (min-width: 768px){.custumers__icon{width:226px}}@media screen and (min-width: 1200px){.custumers{flex-wrap:nowrap}.custumers__icon{width:170px}}.backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2)}.backdrop.is-hidden{opacity:0;pointer-events:none}.modal{position:absolute;top:50%;left:50%;box-shadow:0 2px 1px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);width:450px;height:609px;background-color:#fff;margin:0 auto;transform:translate(-50%, -50%);padding:40px}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.modal__title{font-family:var(--font-family);font-weight:700;font-size:20px;letter-spacing:.03em;text-align:center;color:var(--main-text-color)}.modal__cross:hover{fill:#2196f3}.modal__close{position:absolute;top:14px;right:10px;padding-top:6px;padding-bottom:2px;border-radius:50%;padding-left:6px;padding-right:6px;border:1px solid rgba(0,0,0,.1)}.form{display:flex;flex-direction:column}.form__label{display:flex;position:relative;margin-top:10px;flex-direction:column;row-gap:5px;font-family:var(--font-family);font-weight:400;font-size:12px;letter-spacing:.01em;color:#757575}.form__input{height:40px;padding-left:42px;border:2px solid rgba(33,33,33,.2);border-radius:4px;transition-property:border;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.form__input:hover{border:2px solid #2196f3}.form__icon{position:absolute;top:30px;left:11px}.form__input:hover~.form__icon{fill:#2196f3}.form__comment{width:100%;height:120px;padding-top:12px;padding-left:16px;font-family:var(--font-family);font-weight:400;font-size:12px;letter-spacing:.01em;color:rgba(117,117,117,.5);border:1px solid rgba(33,33,33,.2);border-radius:4px;resize:none}.access{display:flex;justify-content:center;margin-top:20px;margin-bottom:30px}.access__checkbox{position:relative;top:3px}.access__text{margin-left:8px;font-family:var(--font-family);font-weight:400;font-size:12px;line-height:171%;letter-spacing:.03em;color:#757575}@media screen and (min-width: 1200px){.access__text{font-size:14px}}.access__link{display:flex;margin-left:3px;text-decoration:underline;color:#2196f3;font-family:var(--font-family);font-weight:400;font-size:12px;line-height:171%;letter-spacing:.03em}@media screen and (min-width: 1200px){.access__link{font-size:14px}}.button-send{width:200px;height:50px;padding:10px 52px;margin-left:85px;margin-right:85px;font-family:var(--font-family);font-weight:700;font-size:16px;line-height:187%;letter-spacing:.06em;text-align:center;color:#fff;border-radius:4px;box-shadow:0 4px 4px 0 rgba(0,0,0,.1);background-color:#188ce8}@media screen and (min-width: 1200px){.button-send{margin-left:123px;margin-right:123px}}footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}.footer-position{display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 1200px){.footer-position{flex-direction:row}}.footer{width:1200px;margin-left:auto;margin-right:auto}.logo--footer{margin-left:39px}@media screen and (min-width: 1200px){.logo--footer{margin-left:0px}}.address-position{margin-top:20px;margin-bottom:60px}@media screen and (min-width: 1200){.address-position{margin-bottom:0}}.address__item{margin-top:9px;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.address__item{display:block}}.address__contact{font-weight:500;font-size:14px;letter-spacing:.02em;color:#757575;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.address__oficce{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:#fff}.studio1{color:#fff;margin-bottom:20px}.social--footer{height:80px;width:206px;margin-bottom:60px}@media screen and (min-width: 768px){.social--footer{margin-left:165px}}@media screen and (min-width: 1200px){.social--footer{margin-left:70px}}.social--footer .social__list--footer{display:flex}.social--footer .social__text{margin-bottom:20px;text-align:center;font-family:"Roboto",sans-serif;font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:#fff}@media screen and (min-width: 1200px){.social--footer .social__text{text-align:start}}.footer-circle{border-radius:50%;background-color:hsla(0,0%,100%,.1);width:44px;height:44px;margin-right:10px;transition-property:background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer-circle:hover{background-color:#2196f3}.icon-footer{padding:12px;fill:#fff;width:44px;height:44px}.subscribe{width:450px;height:156px}@media screen and (min-width: 1200px){.subscribe{margin-left:93px}}.subscribe__title{margin-bottom:20px;font-family:"Roboto",sans-serif;font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:#fff;text-align:center}@media screen and (min-width: 1200px){.subscribe__title{text-align:start}}.subscribe__position{position:relative;display:flex;flex-direction:column}@media screen and (min-width: 1200px){.subscribe__position{flex-direction:row}}.subscribe__input{border:1px solid hsla(0,0%,100%,.3);border-radius:4px;width:450px;height:50px;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);background:rgba(33,150,243,0);padding-left:15px;margin-bottom:20px}@media screen and (min-width: 1200px){.subscribe__input{width:358px}}.subscribe__button{border-radius:4px;width:200px;height:50px;padding-left:28px;padding-right:62px;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);background:#2196f3;font-family:var(--font-family);font-weight:700;font-size:16px;line-height:187%;letter-spacing:.06em;color:#fff;margin-left:125px}@media screen and (min-width: 1200px){.subscribe__button{margin-left:12px}}.icon-send{position:absolute;top:83px;right:150px;fill:#fff}@media screen and (min-width: 1200px){.icon-send{top:13px;right:-95px}}.filter{display:flex;-moz-column-gap:8px;column-gap:8px}.filter__button{font-weight:500;font-size:16px;line-height:162%;letter-spacing:.03em;text-align:center;color:#212121;margin-top:60px;margin-bottom:34px;padding:6px 25px;border:1px;background-color:#f5f4fa;border-radius:4px}.filter__button:hover{background-color:#2196f3;box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.08),0 3px 1px 0 rgba(0,0,0,.1);color:#fff}.card{display:flex;flex-wrap:wrap;row-gap:30px;margin-bottom:60px}@media screen and (min-width: 768px){.card{-moz-column-gap:30px;column-gap:30px}}@media screen and (min-width: 1200px){.card{-moz-column-gap:30px;column-gap:30px;margin-bottom:94px}}.card__item:hover{box-shadow:1px 4px 6px 0 rgba(0,0,0,.16),0 4px 4px 0 rgba(0,0,0,.06),0 1px 1px 0 rgba(0,0,0,.12)}.card__article{flex-basis:calc(100% - 30px)}@media screen and (min-width: 768px){.card__article{flex-basis:calc((100% - 60px)/2)}}@media screen and (min-width: 1200px){.card__article{flex-basis:calc((100% - 60px)/3)}}.card__title{font-size:18px;line-height:200%;letter-spacing:.06em;margin-top:20px;margin-left:24px}.card__text{font-weight:400;font-size:16px;line-height:187%;letter-spacing:.03em;color:#757575;margin-left:24px;margin-bottom:20px}.img-overlay{position:relative;overflow:hidden}.text-overlay{position:absolute;top:0;left:0;font-family:"Roboto",sans-serif;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:.03em;transform:translateY(102%);color:#fff;background-color:rgba(33,150,243,.9);padding:63px 24px;transition-property:transform}.img-overlay:hover .text-overlay{transform:translateY(0)}/*# sourceMappingURL=main.min.css.map */