.button-modal,.hero .button,.hero__title,.hero,.container{margin-left:auto;margin-right:auto}.supscription__button,.socials__link,.footer-button,.social-list__link,.social-list,.features .features-list__icon{display:flex;align-items:center;justify-content:center}a{text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6,p{margin:0}img{max-width:100%;display:block;height:auto}body{font-family:"Roboto",sans-serif;font-weight:400;font-size:14px;letter-spacing:.03em}.container{width:100%;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: 768px){.header{padding-top:26px;padding-bottom:26px}}.header .header__position{display:flex;align-items:center;justify-content:space-between}.header .logo__header-studio{color:#000}.header .logo{width:134px;font-family:"Raleway",sans-serif;font-weight:700;font-size:24px;color:#2196f3}.menu{display:none}.menu-link-current{color:#2196f3;position:relative}.menu-link-current::after{position:absolute;display:block;content:"";width:100%;height:4px;border-radius:2px;background:#2196f3;bottom:-32px}.contacts{display:none}.burger-btn{border:none;background-color:rgba(0,0,0,0);width:24px;height:16px}@media screen and (min-width: 768px){.burger-btn{display:none}}.burger-btn__icon{width:24px;height:16px}.hero{padding-top:200px;padding-bottom:200px;background-color:#2f303a;background-image:url("../images/ImgOverlay.png"),url("../images/Img(2).jpg");background-repeat:no-repeat;background-position:center;max-width:1600px}.hero__title{font-weight:900;font-size:44px;line-height:1.36;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#fff;width:696px;margin-bottom:30px}.hero .button{font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;text-align:center;color:#fff;display:block;background-color:#2196f3;padding:10px 32px;border-radius:4px}.features{padding-bottom:94px;padding-top:94px}.features__title{display:none}.features .features-list{display:flex;-moz-column-gap:30px;column-gap:30px}.features .features-list__icon{width:270px;height:120px;background-color:#f5f4fa;margin-bottom:30px}.features .features-list__name{font-weight:700;text-transform:uppercase;color:#212121;margin-bottom:10px}.features .features-list__text{line-height:1.71;color:#757575}.services{padding-bottom:94px}.services .services__title{font-weight:700;font-size:36px;text-align:center;color:#212121;margin-bottom:50px}.services-list{display:flex;-moz-column-gap:30px;column-gap:30px;list-style:none;padding:0}.services-list__item{position:relative;flex:1}.services-list__item .services-list__caption{position:absolute;bottom:0;left:0;width:100%;padding:27px 0;background-color:rgba(47,48,58,.8);color:#fff;text-align:center;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase}.social-list{margin-top:28px;-moz-column-gap:12px;column-gap:12px}.social-list__link{width:44px;height:44px;border-radius:50%;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.social-list__link:hover{background-color:#2196f3}.social-list__link:hover .social-list__icon{fill:#fff}.social-list__link .social-list__icon{fill:#afb1b8}.portfolio-hero{padding-top:94px;padding-bottom:94px}.portfolio-hero-title{display:none}.filter-list{display:flex;-moz-column-gap:8px;column-gap:8px;justify-content:center;margin-bottom:50px}.filter-button{font-family:"Roboto",sans-serif;font-weight:500;font-size:16px;line-height:1.62;text-align:center;color:#212121;border:none;padding:6px 22px;border-radius:4px;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);transition:background-color color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.filter-button:hover{background-color:#2196f3;color:#fff}.galary{display:flex;-moz-column-gap:30px;column-gap:30px;flex-wrap:wrap;row-gap:30px}.image-box{position:relative;overflow:hidden}.image-box:hover .image-description{transform:translateY(0%)}.image-description{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(33,150,243,.9);padding:64px 25px;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:.03em;color:#fff;transform:translateY(100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.galary-name{font-family:"Roboto",sans-serif;font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:#212121;margin-top:20px;margin-left:24px;margin-right:24px}.galary-text{font-family:"Roboto",sans-serif;font-size:16px;line-height:1.87;color:#757575;margin-left:24px;margin-right:24px;margin-bottom:20px}.galary-item{outline:1px solid #eee;flex-basis:calc((100% - 60px)/3);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.galary-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)}.receiver-message{right:10;position:absolute}.emailsreceivetitle{color:#fff;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px}.footer-form{display:flex;align-items:center}.emails{display:block;width:358px;height:50px;margin:0;background-color:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);border-radius:4px}.footer-button{-moz-column-gap:10px;column-gap:10px;width:200px;height:50px;margin-left:12px;background-color:#2196f3;color:#fff;font-family:"Roboto",sans-serif;font-weight:700;font-size:16px;line-height:187%;letter-spacing:.06em;text-align:center;color:#fff}.footer-email-icon{fill:#fff}.team{padding-top:94px;padding-bottom:94px;background-color:#f5f4fa}.team .team__title{padding-bottom:50px;font-family:"Roboto",sans-serif;font-weight:700;font-size:36px;letter-spacing:.03em;text-align:center;color:#212121}.team-list{display:flex;-moz-column-gap:30px;column-gap:30px}.team-list .member-content{padding-top:30px;padding-bottom:30px;text-align:center;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)}.team-list .member-content__team-member{margin-bottom:10px;font-family:"Roboto",sans-serif;font-weight:500;font-size:16px;letter-spacing:.03em;text-align:center;color:#212121}.team-list .member-content__team-position{font-size:16px;text-align:center;color:#757575;font-family:"Roboto",sans-serif;font-weight:400;font-size:16px;letter-spacing:.03em;text-align:center;color:#757575}.footer-contacts__studio{color:#fff}.address{font-style:normal}.footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}.footer-contacts__logo-footer{display:block;font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;color:#2196f3;margin-bottom:20px}.footer-position{display:flex;align-items:center;justify-content:space-between}.footer-socials{margin-left:70px;margin-top:12px}.footer-socials__title{margin-bottom:20px;color:#fff;text-transform:uppercase;font-size:14px}.socials{display:flex;-moz-column-gap:10px;column-gap:10px}.socials__link{width:44px;height:44px;background-color:hsla(0,0%,100%,.1);border-radius:50%;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.socials__link:hover{background-color:#2196f3}.socials__icon{fill:#fff}.address__location{line-height:1.71;color:#fff}.contacts__link{line-height:1.71;color:hsla(0,0%,100%,.6)}.supscription__title{color:#fff;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px}.supscription__form{display:flex;align-items:center}.supscription__emails{display:block;width:358px;height:50px;margin:0;background-color:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);border-radius:4px}.supscription__button{-moz-column-gap:10px;column-gap:10px;width:200px;height:50px;margin-left:12px;background-color:#2196f3;color:#fff;font-family:var(--font-family);font-weight:700;font-size:16px;line-height:187%;letter-spacing:.06em;text-align:center;color:#fff}.supscription__icon{fill:#fff}.backdrop{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.2)}.backdrop.is-hidden{opacity:0;pointer-events:none;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(0.5)}.modal{position:absolute;transform:translate(-50%, -50%) scale(1);z-index:10;left:50%;top:50%;width:528px;overflow:auto;background-color:rgba(0,0,0,.5);transition-property:transform;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-content{background-color:#fff;padding:40px;border-radius:8px;width:528px;position:relative}.modal-close-btn{position:absolute;right:15px;top:10px;font-size:24px;cursor:pointer;width:30px;height:30px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background-color:rgba(0,0,0,0);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-close-btn:hover .close{color:#2196f3}.modal-text{font-family:"Roboto",sans-serif;font-weight:700;font-size:20px;letter-spacing:.03em;text-align:center;color:#212121;margin-top:12px}.modal-form{margin-top:12px}.label{font-family:"Roboto",sans-serif;font-weight:400;font-size:12px;letter-spacing:.01em;color:#757575}.modal-pl{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.imput{margin-top:4px}.textarea{resize:none;height:120px}input,textarea{width:100%;padding:10px;margin-top:6px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.input:hover,.textarea:hover{border-color:#2196f3}.input-checkbox{width:16px;height:15px}label{font-weight:bold}.checkbox{font-size:14px;font-weight:400px}.checkbox #main-text-checkbox{width:400px;white-space:nowrap;font-family:"Roboto",sans-serif;font-weight:400;font-size:14px;line-height:171%;letter-spacing:.03em;color:#757575}.checkbox #secondary-text-checkbox{text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:#2196f3}.checkbox input{margin-right:8px}.button-modal{display:block;width:200px;height:50px;background-color:#2196f3;color:#fff;padding:10px 0;border:none;border-radius:4px;cursor:pointer;font-family:"Roboto",sans-serif;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;text-align:center}button[type=submit]{transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}button[type=submit]:hover{background-color:#1976d2}.inputwrap,.phonewrap,.emailwrap{position:relative}.inputwrap:hover .icons{fill:#2196f3}.phonewrap:hover .icons-phone{fill:#2196f3}.emailwrap:hover .icons-email{fill:#2196f3}.icons{width:12px;height:12px;fill:#000;position:absolute;top:36px;left:8px}.icons-phone{width:13px;height:13px;fill:#000;position:absolute;top:36px;left:8px}.icons-email{width:13px;height:13px;fill:#000;position:absolute;top:36px;left:8px}/*# sourceMappingURL=main.min.css.map */