:root{--primary-font:"Roboto", sans-serif;--primary-text-color: #212121;--secondary-tex-color:#757575;--third-text-color:#2196F3;--transition-dur-and-func:250ms cubic-bezier(0.4, 0, 0.2, 1)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}h1,h2,h3,h4,p{margin-top:0;margin-bottom:0}ul,ol{margin-top:0;margin-bottom:0;padding-left:0}img{display:block}button{cursor:pointer}.list{list-style:none}.link{text-decoration:none}body{font-family:var(--primary-font)}.section{width:100%}@media screen and (max-width: 1199px){.section{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 320px){.container{width:320px}}@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}}@media screen and (max-width: 1199px){.title{font-weight:700;font-size:28px;line-height:1.18;text-align:center;letter-spacing:.03em;color:var(--primary-text-color);margin-bottom:30px}}@media screen and (min-width: 1199px){.title{font-weight:700;font-size:36px;line-height:1.17;text-align:center;letter-spacing:.03em;color:var(--primary-text-color);margin-bottom:50px}}.backdrop{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,.2);transition:opacity var(--transition-dur-and-func),visibility var(--transition-dur-and-func)}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}@media screen and (min-width: 320px){.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:300px;background-color:#fff;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}.modal .modal-menu__container{display:flex;height:100%;flex-direction:column;justify-content:space-between}}@media screen and (min-width: 320px)and (min-width: 480px){.modal{width:450px}}@media screen and (min-width: 320px)and (min-width: 1199px){.modal{width:528px}}.modal-close-btn{position:absolute;top:8px;right:8px;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1);padding:0;transition:border-color var(--transition-dur-and-func)}.modal-close-btn:hover,.modal-close-btn:focus{border-color:var(--third-text-color)}.modal-close-btn-icon{transition:fill var(--transition-dur-and-func)}.modal-close-btn:hover .modal-close-btn-icon,.modal-close-btn:focus .modal-close-btn-icon{fill:var(--third-text-color)}@media screen and (min-width: 1199px){.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:528px;background-color:#fff;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}.modal-close-btn{position:absolute;top:8px;right:8px;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1);padding:0;transition:border-color var(--transition-dur-and-func)}.modal-close-btn:hover,.modal-close-btn:focus{border-color:var(--third-text-color)}.modal-close-btn-icon{transition:fill var(--transition-dur-and-func)}.modal-close-btn:hover .modal-close-btn-icon,.modal-close-btn:focus .modal-close-btn-icon{fill:var(--third-text-color)}}.modal-form{display:flex;flex-direction:column;padding:40px}.modal-form__title{font-family:"Roboto";font-style:normal;font-weight:700;font-size:20px;line-height:1.5;text-align:center;letter-spacing:.03em;color:#212121;margin-bottom:12px}.modal-form__field{margin-bottom:16px}.modal-form-input__desc{display:block;font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;line-height:1.2;margin-bottom:8px;color:#757575}.modal-form-input__wrapper{display:block;position:relative}.modal-form-input{width:100%;height:40px;border-radius:4px;border:1px solid rgba(33,33,33,.2);padding-left:42px;transition:border-color var(--transition-dur-and-func)}.modal-form-input:focus{outline:none;border-color:var(--third-text-color)}.modal-form-input__icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);display:block;width:18px;height:18px;fill:#212121;transition:fill var(--transition-dur-and-func)}.modal-form-input:focus+.modal-form-input__icon{fill:var(--third-text-color)}.modal-form__message{width:100%;height:120px;padding:10px 16px;resize:none;border-radius:4px;border:1px solid rgba(33,33,33,.2);border-radius:4px;transition:border-color var(--transition-dur-and-func)}.modal-form__message::placeholder{font-family:"Roboto";font-style:normal;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-form__message:focus{outline:none;border-color:var(--third-text-color)}.modal-form-check__desc{display:flex;align-items:center;text-align:center;font-family:"Roboto";font-style:normal;font-weight:400;font-size:14px;line-height:1.17;letter-spacing:.03em;margin-bottom:30px;margin-left:auto;margin-right:auto;color:#757575;transition:border-color var(--transition-dur-and-func),outline var(--transition-dur-and-func)}.modal-form-check__desc::before{display:block;width:16px;height:15px;background-repeat:no-repeat;border:1px solid #212121;content:"";cursor:pointer;border-radius:2px;margin-right:10px;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));transition:background-color var(--transition-dur-and-func),background-position var(--transition-dur-and-func),background-color var(--transition-dur-and-func),outline var(--transition-dur-and-func)}.modal-form-check:focus+.modal-form-check__desc::before{border-color:var(--third-text-color);outline:none;outline:1px solid var(--third-text-color)}.modal-form-check:checked+.modal-form-check__desc::before{background-image:url("../images/svg/check.svg");background-position:50% 50%;background-color:#2196f3}@media screen and (max-width: 479px){.modal-form-check__desc::before{width:25px}}.modal-form-check__link{color:var(--third-text-color);transition:color var(--transition-dur-and-func)}.modal-form-check__link:hover,.modal-form-check__link:focus{color:#188ce8}.modal-form-submit{font-family:"Roboto";font-weight:700;font-size:16px;align-items:center;text-align:center;letter-spacing:.06em;width:200px;height:50px;left:700px;top:712px;padding-top:12px;padding-bottom:12px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;border:1px solid #2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;background-color:#2196f3;transition:color var(--transition-dur-and-func),background-color var(--transition-dur-and-func);color:#fff}.modal-form-submit:hover,.modal-form-submit:focus{background-color:#188ce8;color:#fff}@media screen and (max-width: 767px){.mobile-menu{position:fixed;width:100%;height:100%;z-index:1000;top:0;left:0;background-color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-dur-and-func)}.mobile-menu .mobile-menu__container{display:flex;height:100%;flex-direction:column;justify-content:space-between}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu__container{position:relative;padding-left:40px;padding-top:48px;padding-bottom:48px}.mobile-menu__close-btn{position:absolute;top:16px;right:15px;background-color:rgba(0,0,0,0);border:none;padding:0;line-height:0}.mobile-menu__close-icon{transition:fill var(--transition-dur-and-func)}.mobile-menu__close-btn:hover .mobile-menu__close-icon,.mobile-menu__close-btn:focus .mobile-menu__close-icon{fill:var(--third-text-color)}.mobile-menu__link{font-family:var(--primary-font);font-style:normal;font-weight:500;font-size:40px;line-height:1.18;text-align:center;letter-spacing:.02em;color:#212121;cursor:pointer;transition:color var(--transition-dur-and-func)}.mobile-menu__link:hover,.mobile-menu__link:focus{color:var(--third-text-color)}.mobile-menu__item:not(:last-child){margin-bottom:32px}.mobile-menu__phone{font-family:var(--primary-font);font-style:normal;font-weight:500;font-size:34px;line-height:1.18;letter-spacing:.02em;color:var(--third-text-color);transition:color var(--transition-dur-and-func)}.mobile-menu__phone:hover,.mobile-menu__phone:focus{color:#188ce8}}@media screen and (max-width: 767px)and (min-width: 320px){.mobile-menu__phone{font-size:30px}}@media screen and (max-width: 767px){.mobile-menu__mail{display:block;font-family:var(--primary-font);font-style:normal;font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:var(--secondary-tex-color);margin-top:32px;margin-bottom:64px;transition:color var(--transition-dur-and-func)}.mobile-menu__mail:hover,.mobile-menu__mail:focus{color:var(--third-text-color)}}@media screen and (max-width: 767px){.mobile-menu__socials{display:flex;align-items:center;gap:10px}}@media screen and (max-width: 767px){.mobile-menu__socials-link{position:relative;font-family:var(--primary-font);font-style:normal;font-weight:500;font-size:18px;line-height:1.2;letter-spacing:.02em;color:var(--third-text-color);transition:color var(--transition-dur-and-func)}.mobile-menu__socials-link:hover,.mobile-menu__socials-link:focus{color:#188ce8}}@media screen and (max-width: 767px)and (max-width: 479px){.mobile-menu__socials-link{font-size:12px;font-weight:700}}@media screen and (max-width: 767px){.mobile-menu__socials-item:not(:last-child)::after{content:"";height:0px;width:22px;transform:rotate(90deg);border:1px solid rgba(33,33,33,.2);margin-left:10px}}@media screen and (min-width: 767px){.mobile-menu{display:none}}.page-header{border-bottom:1px solid #ececec}.logo{font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;line-height:1.19;color:var(--third-text-color)}.page-header__logo2{color:var(--primary-text-color)}@media screen and (min-width: 767px){.page-header__logo{margin-right:88px}}@media screen and (min-width: 1199px){.page-header__logo{margin-right:93px}}.page-header__container{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 767px){.menu{display:none}.contacts-head{display:none}.page-header{padding-bottom:16px;padding-top:16px}.mobile-menu-open{background-color:rgba(0,0,0,0);border:none;padding:0;line-height:0;cursor:pointer;transition:flex var(--transition-dur-and-func)}.mobile-menu-open:hover .mobile-menu-open__icon,.mobile-menu-open:focus .mobile-menu-open__icon{flex:var(--third-text-color)}}@media screen and (min-width: 767px){.page-header{padding-bottom:26px;padding-top:26px}.mobile-menu-open{display:none}.menu{display:flex;align-items:center}.menu__item:not(:last-child){margin-right:50px}.page-nav{display:flex;align-items:center}.menu__link{position:relative;display:block;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:var(--primary-text-color);cursor:pointer;transition:color var(--transition-dur-and-func)}.menu__link:hover,.menu__link:focus{color:var(--third-text-color)}.menu__link_current::after{position:absolute;content:"";left:0;bottom:0;border-radius:2px;width:100%;height:4px;background-color:var(--third-text-color);border-radius:2px;transition:background-color var(--transition-dur-and-func);bottom:-40px}.menu__link_current{color:var(--third-text-color)}.menu__link.current:hover:after{background-color:var(--third-text-color)}.contacts-head__phone,.contacts-head__mail{font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:var(--secondary-tex-color);transition:color var(--transition-dur-and-func)}.contacts-head__mail:hover,.contacts-head__mail:focus,.contacts-head__phone:hover,.contacts-head__phone:focus{color:var(--third-text-color)}.contacts-head__mail{display:flex;margin-bottom:10px}.contacts-head__icon1{margin-right:10px;align-self:center;fill:currentColor}.contacts-head__phone{display:flex}.contacts-head__icon2{margin-right:10px;margin-bottom:0px;align-self:center;fill:currentColor}}@media screen and (min-width: 1199px){.page-header{padding-top:24px;padding-bottom:24px}.menu__link_current::after{bottom:-33px}.contacts-head{display:flex;align-items:center}.contacts-head__mail{justify-content:center;margin-right:50px;margin-bottom:0px}}@media screen and (min-width: 320px){.hero{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/mobile/header-mobile.jpg");background-size:cover;background-color:#c4c4c4}}@media screen and (min-width: 320px)and (min-device-pixel-ratio: 2)and (max-width: 767px),screen and (min-width: 320px)and (min-resolution: 192dpi)and (max-width: 767px),screen and (min-width: 320px)and (min-resolution: 2dppx)and (min-width: 767px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/mobile/header-mobile@2x.jpg")}}@media screen and (min-width: 320px){.hero__title{font-family:"Roboto";font-style:normal;font-weight:900;font-size:26px;line-height:1.6;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:30px}}@media screen and (min-width: 767px){.hero{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/tablet/header-tablet.jpg");background-size:cover;background-color:#c4c4c4}}@media screen and (min-width: 767px)and (min-device-pixel-ratio: 2)and (min-width: 768px),screen and (min-width: 767px)and (min-resolution: 192dpi)and (min-width: 768px),screen and (min-width: 767px)and (min-resolution: 2dppx)and (min-width: 768px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/tablet/header-tablet@2x.jpg")}}@media screen and (min-width: 1199px){.hero{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/desktop/header-desktop.jpg");background-size:cover;background-color:#c4c4c4}}@media screen and (min-width: 1199px)and (min-device-pixel-ratio: 2)and (min-width: 1200px),screen and (min-width: 1199px)and (min-resolution: 192dpi)and (min-width: 1200px),screen and (min-width: 1199px)and (min-resolution: 2dppx)and (min-width: 1200px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero/desktop/header-desktop2x.jpg")}}@media screen and (min-width: 1199px){.hero__title{font-weight:900;font-size:44px;line-height:1.36;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#fff;display:flex;justify-content:center;align-items:center;max-width:696px;margin-left:auto;margin-right:auto;margin-bottom:30px}}.hero__btn{font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;display:flex;align-items:center;text-align:center;letter-spacing:.06em;color:#fff;background:var(--third-text-color);border-radius:4px;box-shadow:0px 4px 4px rgba(0,0,0,.15);border:none;cursor:pointer;padding:10px 32px 10px 32px;margin:auto;transition:color var(--transition-dur-and-func)}.hero__btn:hover,.hero__btn:focus{background-color:#188ce8}.characteristic__background{display:flex;justify-content:center;align-items:center;width:100%;height:120px;background-color:#f5f4fa;border-radius:4px;margin-bottom:30px}.characteristic__item{width:100%}@media screen and (max-width: 767px){.characteristic__item:not(:last-child){margin-bottom:30px}}.characteristic__title{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-text-color);margin-bottom:10px}@media screen and (min-width: 480px){.characteristic__title{text-align:center}}@media screen and (min-width: 480px)and (min-width: 768px){.characteristic__title{text-align:left}}.characteristic__subtitle{font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--secondary-tex-color);letter-spacing:.03em}@media screen and (min-width: 768px){.characteristic__item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.characteristic__item{flex-basis:calc((100% - 90px)/4)}}@media screen and (min-width: 768px){.characteristic__list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}}@media screen and (max-width: 1199px){.service{display:none}}@media screen and (min-width: 1199px){.service{padding-bottom:94px}.service__link{position:relative}.service__title{position:absolute;display:flex;justify-content:center;align-items:center;font-family:"Roboto";font-style:normal;font-weight:700;font-size:14px;line-height:16px;text-align:center;letter-spacing:.03em;text-transform:uppercase;background:rgba(47,48,58,.8);color:#fff;bottom:0;width:100%;height:70px}.service__list{display:flex;flex-wrap:wrap;align-items:center;gap:30px}}.team{background-color:#f5f4fa}.team__subtitle{font-weight:500;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em;color:var(--primary-text-color);margin-bottom:10px;margin-top:30px}.team__card{background-color:#fff;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: 300px){.picture-img-team{max-width:300px}}@media screen and (min-width: 470px){.picture-img-team{max-width:450px}}.team__text{font-size:16px;line-height:1.19;letter-spacing:.03em;color:var(--secondary-tex-color);text-align:center;margin-bottom:16px}.socials{display:flex;justify-content:center;margin-left:auto;margin-right:auto;gap:10px;padding-bottom:24px}.socials__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;background-color:#fff;transition:background-color var(--transition-dur-and-func)}.socials__link:hover,.socials__link:focus{background-color:var(--third-text-color)}.socials__icon{fill:#afb1b8;transition:fill var(--transition-dur-and-func)}.socials__link:hover .socials__icon,.socials__link:focus .socials__icon{fill:#fff}.team__list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}@media screen and (min-width: 768px){.team__card{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.team__card{flex-basis:calc((100% - 90px)/4)}}.clients{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.clients__link{display:flex;align-items:center;justify-content:center;width:100%;height:92px;border:1px solid #afb1b8;border-radius:4px;transition:border var(--transition-dur-and-func),border-radius var(--transition-dur-and-func)}.clients__link:hover,.clients__link:focus{fill:#2196f3;border:1px solid #2196f3;border-radius:4px}.clients__item{display:flex;align-items:center}@media screen and (min-width: 320px){.clients__item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 768px){.clients__item{flex-basis:calc((100% - 60px)/3)}}@media screen and (min-width: 1199px){.clients__item{flex-basis:calc((100% - 150px)/6)}}.clients__logo{fill:#afb1b8;transition:fill var(--transition-dur-and-func)}.clients__item:hover .clients__logo,.clients__item:focus .clients__logo{fill:#2196f3}.clients__link:hover .clients__logo,.clients__link:focus .clients__logo{fill:#2196f3}.filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:left;margin-bottom:50px;margin-right:auto;margin-left:auto;gap:8px}@media screen and (min-width: 767px){.filters{justify-content:center}}.filter:hover,.filter:focus{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)}.filters__btn{font-family:inherit;font-size:16px;line-height:1.62;text-align:center;letter-spacing:.03em;font-weight:500;color:var(--primary-text-color);cursor:pointer;background:#f5f4fa;border-radius:4px;border:none;padding:6px 22px 6px 22px;transition:background-color var(--transition-dur-and-func),color var(--transition-dur-and-func)}.filters__btn:hover,.filters__btn:focus{background:var(--third-text-color);color:#fff}.project-flex{display:flex;gap:30px;flex-direction:column}@media screen and (min-width: 767px){.project-flex{flex-wrap:wrap;flex-direction:row}}.project-card:hover,.project-card: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)}@media screen and (min-width: 768px){.project__card{flex-basis:calc((100% - 60px)/2)}}@media screen and (min-width: 1200px){.project__card{flex-basis:calc((100% - 90px)/3)}}.projects-titles{font-size:18px;line-height:2;font-weight:700;letter-spacing:.06em;color:var(--primary-text-color)}@media screen and (min-width: 767px){.projects-titles{font-size:17px}}.projects-group{font-size:16px;line-height:1.88;letter-spacing:.03em;color:var(--secondary-tex-color)}.project-link{position:relative;display:block}@media screen and (min-width: 767px){.project-link{display:flex;flex-direction:column;height:100%}}@media screen and (min-width: 300px){.project-img{max-width:300px}}@media screen and (min-width: 470px){.project-img{max-width:450px}}.project-inform{border:1px solid #eee;border-top:none;padding:20px 24px 20px 24px}@media screen and (min-width: 767px){.project-inform{flex-grow:1}}.project-link-img{position:relative;overflow:hidden}.overlay{position:absolute;font-family:"Roboto";font-style:normal;font-weight:400;font-size:18px;line-height:1.65;top:0;left:0;width:100%;height:100%;overflow-y:auto;transform:translate(0, 100%);transition:transform var(--transition-dur-and-func);letter-spacing:.03em;color:#fff;background:rgba(33,150,243,.9);padding:63px 24px 63px 24px}.project-link:hover .overlay,.project-link:focus .overlay{transform:translate(0, 0)}.page-footer{width:100%;background-color:#2f303a}@media screen and (min-width: 1199px){.page-footer__section{padding-top:60px;padding-bottom:60px}}.page-footer__logo2{color:#fff}.page-footer__logo{display:block;margin-bottom:20px}.contacts-box{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 768px){.contacts-box{margin-right:165px}}@media screen and (min-width: 768px)and (min-width: 1199px){.contacts-box{display:block;margin-right:auto}}.contacts-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:60px}@media screen and (min-width: 1199px){.contacts-footer{display:block;margin-bottom:0px}}.footer-socials{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 1199px){.footer-socials{display:block;margin-right:93px}}.contacts-footer__location{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:#fff;font-style:normal;transition:color var(--transition-dur-and-func)}.contacts-footer__location:hover,.contacts-footer__location:focus{color:var(--third-text-color)}.contacts-footer__item:not(:last-child){margin-bottom:9px}.contacts-footer__mail,.contacts-footer__phone{font-weight:400;font-size:14px;line-height:1.71;color:rgba(255,255,255,.6);letter-spacing:.03em;font-style:normal;transition:color var(--transition-dur-and-func)}.contacts-footer__mail:hover,.contacts-footer__mail:focus,.contacts-footer__phone:hover,.contacts-footer__phone:focus{color:var(--third-text-color)}.footer-socials__title{font-family:"Roboto";font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;font-style:normal;margin-bottom:20px;color:#fff}.footer-socials__list{display:flex;gap:10px}@media screen and (min-width: 320px){.footer-socials__list{margin-bottom:60px}}@media screen and (min-width: 768px){.footer-socials__list{margin-bottom:100px}}@media screen and (min-width: 1199px){.footer-socials__list{margin-bottom:0px}}.footer-socials__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;background-color:rgba(255,255,255,.1);transition:background-color var(--transition-dur-and-func)}.footer-socials__link:hover,.footer-socials__link:focus{background-color:var(--third-text-color)}.footer-socials__icon{fill:#fff}.subscribe__form{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 1199px){.subscribe__form{display:block;flex-direction:row;margin-right:auto}}.subscribe__title{font-family:"Roboto";font-weight:700;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;font-style:normal;color:#fff;margin-bottom:20px}.subscribe__mail{width:270px;height:50px;border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;margin-right:12px;padding-left:16px;background-color:#2f303a;color:#fff;margin-bottom:20px;transition:border-color var(--transition-dur-and-func)}@media screen and (min-width: 1199px){.subscribe__mail{margin-bottom:0px}}.subscribe__mail:hover,.subscribe__mail:focus{border-color:var(--third-text-color)}@media screen and (min-width: 380px){.subscribe__mail{width:350px}}.subscribe__items{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 1199px){.subscribe__items{flex-direction:row}}.subscribe__btn{display:flex;outline:none}.subscribe__btn{width:200px;height:50px;left:1185px;background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;font-family:"Roboto";font-style:normal;font-weight:700;font-size:16px;line-height:30px;display:flex;align-items:center;text-align:center;letter-spacing:.06em;color:#fff;padding:10px 28px;transition:background var(--transition-dur-and-func),color var(--transition-dur-and-func);outline:none;border:none}.subscribe__btn:hover,.subscribe__btn:focus{background:#fff;color:#2196f3;outline:none}.subscribe__icon{margin-left:10px;fill:#fff;transition:fill var(--transition-dur-and-func)}.subscribe__btn:hover .subscribe__icon,.subscribe__btn:focus .subscribe__icon{fill:#2196f3}@media screen and (min-width: 320px){.page-footer__container{flex-direction:column;align-items:center;justify-content:center}}@media screen and (min-width: 768px){.page-footer__container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}}@media screen and (min-width: 1199px){.page-footer__container{display:flex;flex-direction:row;align-items:center;justify-content:center}}/*# sourceMappingURL=main.min.css.map */