:root{--primary-text-color: #757575;--title-text-color: #212121;--accent-color: #2196f3;--primary-white-color: #ffffff;--secondary-gray-color: #f5f4fa;--footer-color: #2f303a;--logo-black-color: #000000;--mail-tel-color: rgba(255, 255, 255, 0.6);--line-header-color: #ececec;--card-item-border: #eeeeee;--hero-button-hover: #188ce8;--hero-bg: #c4c4c4;--clients-border: #afb1b8;--footer-soclink: rgba(255, 255, 255, 0.1);--background-projects-overlay: rgba(33, 150, 243, 0.9);--background-backdrop: rgba(0, 0, 0, 0.2);--border-modal-button: rgba(0, 0, 0, 0.1);--modal-form-input-border: rgba(33, 33, 33, 0.2);--placeholder-text: rgba(117, 117, 117, 0.5)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;white-space:nowrap;overflow:hidden;border:0;clip:rect(0 0 0 0);clip-path:inset(100%)}body{color:var(--primary-text-color);background-color:var(--primary-white-color);font-family:Roboto,sans-serif;font-size:14px;letter-spacing:.03em}h1,h2,h3,p{margin-top:0;margin-bottom:0}img{display:block;max-width:100%}.list{padding:0;margin:0;list-style:none}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section-no-padding{padding-top:0px}.container{padding-left:15px;padding-right:15px;margin:0 auto}@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}}.section-title{margin-bottom:30px;color:var(--title-text-color);font-size:28px;line-height:1.18;text-align:center}@media screen and (min-width: 1200px){.section-title{margin-bottom:50px;font-size:36px;line-height:1.17}}.backdrop{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:100;background-color:var(--background-backdrop);opacity:1;overflow-y:scroll;padding:15px;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;pointer-events:none}.modal{position:absolute;width:450px;height:609px;padding:40px;background-color:var(--primary-white-color);top:50%;left:50%;transform:translate(-50%, -50%);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: 1200px){.modal{width:528px;height:581px}}.modal-button-close{position:absolute;cursor:pointer;top:8px;right:8px;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;color:var(--logo-black-color);background-color:rgba(0,0,0,0);border:1px solid var(--border-modal-button);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-button-close:hover,.modal-button-close:focus{color:var(--accent-color)}.modal-button-close__icon{fill:currentColor}.modal{position:absolute;top:50%;left:50%;padding:40px 40px;max-width:100%;width:450px;min-height:609px;background-color:var(--primary-white-color);transform:translate(-50%, -50%) scale(1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1199px){.modal{min-width:528px;min-height:581px}}@media screen and (max-height: 450px){.modal{margin-top:90px}}@media screen and (max-height: 485px){.modal{margin-top:70px}}@media screen and (max-height: 600px){.modal{margin-top:50px}}.modal-form{width:100%;margin:0 auto;text-align:center}.modal-form__title{text-align:center;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.15;color:var(--title-text-color)}.modal-form__field{margin-bottom:10px;display:block}.modal-form-field-message{display:block;margin-bottom:20px}.modal-form__label{display:block;margin-bottom:4px;text-align:start;font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--primary-text-color)}.modal-form__input{width:100%;height:40px;border:1px solid var(--modal-form-input-border);border-radius:4px;padding:12px 12px 12px 42px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__input:focus{outline:none;border-color:var(--accent-color)}.modal-form__input-wrapper{display:block;position:relative}.modal-form__icon{display:block;position:absolute;top:50%;left:12px;transform:translateY(-50%);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__input:focus+.modal-form__icon{fill:var(--accent-color)}.modal-form-message{display:block;width:100%;height:120px;border:1px solid var(--modal-form-input-border);border-radius:4px;padding:12px 16px;resize:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form-message::placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--placeholder-text)}.modal-form-message:focus{outline:none;border-color:var(--accent-color)}.border-icon-check{display:flex;justify-content:center;align-items:center;width:16px;height:15px;border:2px solid var(--title-text-color);border-radius:2px;cursor:pointer;margin-right:7px;background-color:var(--primary-white-color);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form-check:checked+.modal-form-check-label>.border-icon-check{background-color:var(--accent-color);border-color:rgba(0,0,0,0)}.modal-form-check-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;font-weight:400;font-size:12px;line-height:1.17;color:var(--primary-text-color)}@media screen and (min-width: 1200px){.modal-form-check-label{font-size:14px;line-height:1.71;justify-content:center}}.check-link{color:var(--accent-color)}.modal-form__submit{min-width:200px;align-self:center;padding:10px 52px;font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:var(--primary-white-color);background-color:var(--accent-color);border-radius:4px;border:none;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form__submit:focus,.modal-form__submit:hover{background-color:var(--hero-button-hover);box-shadow:0px 4px 4px rgba(0,0,0,.15)}.mobile-menu{position:fixed;max-width:767px;height:100vh;background-color:var(--primary-white-color);top:0;left:0;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.mobile-menu{display:none}}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu__container{position:relative;padding-left:25px;padding-top:48px;padding-bottom:48px;width:100vw;height:100vh;display:flex;flex-direction:column}.mobile-menu__close-btn{position:absolute;top:10px;right:15px;background-color:rgba(0,0,0,0);border:none;padding:0;height:40px;cursor:pointer;color:var(--title-text-color);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu__close-btn:hover,.mobile-menu__close-btn:focus{color:var(--accent-color)}.mobile-menu__close-icon{fill:currentColor}.mobile-menu-nav{margin-bottom:auto}.mobile-menu-nav__item:not(:last-child){margin-bottom:32px}.mobile-menu-nav__link{font-weight:500;font-size:40px;line-height:1.18;letter-spacing:.02em;color:var(--title-text-color);text-decoration:none;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu-nav__link:hover,.mobile-menu-nav__link:focus{color:var(--accent-color)}.mobile-menu-nav__link.current{color:var(--accent-color)}.mobile-menu-contact{margin-bottom:64px}.mobile-menu-contact__item:not(:last-child){margin-bottom:32px}.mobile-menu-contact__link-mobile{font-weight:500;font-size:34px;line-height:1.18;letter-spacing:.02em;color:var(--accent-color);text-decoration:none}@media screen and (max-width: 450px){.mobile-menu-contact__link-mobile{font-size:30px}}.mobile-menu-contact__link{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:var(--primary-text-color);text-decoration:none}.mobile-menu-social{display:flex;flex-wrap:wrap;row-gap:15px}.mobile-menu-social__link{display:flex;align-items:center;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:var(--accent-color);text-decoration:none}.mobile-menu-social__item:not(:last-child) .mobile-menu-social__link::after{display:block;content:"";width:22px;height:1px;background-color:rgba(33,33,33,.2);transform:rotate(90deg)}.page-header{background-color:var(--primary-white-color);border-bottom:1px solid var(--line-header-color)}.header-nav{display:flex;align-items:center;justify-content:space-between}.main-nav{display:flex;align-items:center}.header-logo{display:block;font-size:24px;line-height:1.17;padding-top:16px;padding-bottom:16px;color:var(--logo-black-color);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);font-family:"Raleway";font-weight:700;text-decoration:none}.header-logo:hover,.header-logo:focus{color:var(--accent-color)}@media screen and (min-width: 768px){.header-logo{padding-top:26px;padding-bottom:26px;font-size:26px;line-height:1.19}}@media screen and (min-width: 1200px){.header-logo{padding-top:24px;padding-bottom:25px}}.header-logo__text{color:var(--accent-color)}@media screen and (max-width: 767px){.site-nav{display:none}}@media screen and (min-width: 768px)and (max-width: 1199px){.site-nav{display:flex;margin-left:87px}}@media screen and (min-width: 1200px){.site-nav{display:flex;margin-left:93px}}.site-nav__item:not(:last-child){margin-right:50px}.site-nav__link{display:block;padding-top:32px;padding-bottom:32px;color:var(--title-text-color);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);font-weight:500;line-height:1.14;letter-spacing:.02em;text-decoration:none}.site-nav__link:hover,.site-nav__link:focus{color:var(--accent-color)}.site-nav__link_current{position:relative;color:var(--accent-color)}.site-nav__link_current::after{position:absolute;display:block;content:"";width:100%;height:4px;bottom:0;background-color:var(--accent-color);border-radius:2px}@media screen and (max-width: 767px){.contact-nav{display:none}}@media screen and (min-width: 768px)and (max-width: 1199px){.contact-nav{margin-left:auto;padding-top:21px;padding-bottom:21px}}@media screen and (min-width: 1200px){.contact-nav{display:flex;margin-left:auto;padding-top:32px;padding-bottom:32px}}@media screen and (min-width: 768px)and (max-width: 1199px){.contact-nav__item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.contact-nav__item:not(:last-child){margin-right:30px}}.contact-nav__link{display:flex;color:var(--primary-text-color);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);font-size:12px;line-height:1.16;font-weight:500;line-height:1.14;letter-spacing:.02em;text-decoration:none;align-items:center}.contact-nav__link:hover,.contact-nav__link:focus{color:var(--accent-color)}@media screen and (min-width: 1200px){.contact-nav__link{font-size:14px;line-height:1.14}}.contact-nav__icon{fill:currentColor;margin-right:8px}@media screen and (min-width: 1200px){.contact-nav__icon{margin-right:10px}}.mobile-menu-open{margin-left:auto;background-color:rgba(0,0,0,0);border:none;padding:0;height:40px}@media screen and (min-width: 768px){.mobile-menu-open{display:none}}.hero{padding-top:118px;padding-bottom:118px;background-color:var(--hero-bg);text-align:center;height:400px;margin-left:auto;margin-right:auto;background-size:cover;background-position:center}@media screen and (max-width: 767px){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/overlay-mobile.jpg");max-width:480px}}@media screen and (min-device-pixel-ratio: 2)and (max-width: 767px),screen and (min-resolution: 192dpi)and (max-width: 767px),screen and (min-resolution: 2dppx)and (max-width: 767px){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/overlay-mobile@2x.jpg");max-width:480px}}@media screen and (min-width: 768px){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/overlay-tablet.jpg");max-width:768px}}@media screen and (min-device-pixel-ratio: 2)and (min-width: 768px),screen and (min-resolution: 192dpi)and (min-width: 768px),screen and (min-resolution: 2dppx)and (min-width: 768px){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/overlay-tablet@2x.jpg");max-width:768px}}@media screen and (min-width: 1200px){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/overlay.jpg");padding-top:200px;padding-bottom:200px;height:600px;max-width:1600px}}@media screen and (min-device-pixel-ratio: 2)and (min-width: 1200px),screen and (min-resolution: 192dpi)and (min-width: 1200px),screen and (min-resolution: 2dppx)and (min-width: 1200px){.hero{background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/overlay@2x.jpg");padding-top:200px;padding-bottom:200px;height:600px;max-width:1600px}}.hero__title{margin-left:auto;margin-right:auto;margin-bottom:30px;color:var(--primary-white-color);font-weight:900;font-size:26px;line-height:1.62;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width: 768px)and (max-width: 1199px){.hero__title{width:360px}}@media screen and (min-width: 1200px){.hero__title{width:696px;font-size:44px;line-height:1.36}}.hero__button{display:inline-block;padding:10px 24px;min-width:200px;height:50px;border:0px;border-radius:4px;cursor:pointer;color:var(--primary-white-color);background-color:var(--accent-color);box-shadow:none;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);font-weight:700;font-size:16px;line-height:1.88;align-items:center;text-align:center;letter-spacing:.06em}@media screen and (min-width: 1200px){.hero__button{padding:10px 32px}}.hero__button:hover,.hero__button:focus{background-color:var(--hero-button-hover);box-shadow:0px 4px 4px rgba(0,0,0,.15)}@media screen and (min-width: 768px)and (max-width: 1199px){.features-list{display:flex;flex-wrap:wrap}}@media screen and (min-width: 1200px){.features-list{display:flex}}.features-list__item{max-width:450px}@media screen and (max-width: 1099px){.features-list__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.features-list__item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 768px)and (max-width: 1199px){.features-list__item:not(:nth-last-child(2n+1)){margin-right:30px}}@media screen and (min-width: 1200px){.features-list__item{flex-basis:calc((100% - 90px)/4)}.features-list__item:not(:last-child){margin-right:30px}}.features-list__rectangle{display:flex;align-items:center;justify-content:center;width:100%;height:120px;margin-bottom:30px;background-color:var(--secondary-gray-color)}.features-list__subtitle{margin-bottom:10px;color:var(--title-text-color);font-size:14px;line-height:1.14;text-transform:uppercase}@media screen and (max-width: 767px){.features-list__subtitle{text-align:center}}.features-list__description{line-height:1.71}@media screen and (max-width: 1099px){.doing{display:none}}.doing__list{display:flex}.doing__item:not(:last-child){margin-right:30px}.doing__wrap{position:relative}.doing__subtitle{position:absolute;padding:27px;width:100%;bottom:0;font-size:14px;line-height:1.14;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-white-color);background-color:rgba(47,48,58,.8)}.ourteam{background-color:var(--secondary-gray-color)}@media screen and (min-width: 768px){.ourteam-list{display:flex;flex-wrap:wrap}}.ourteam-list__item{background-color:var(--primary-white-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){.ourteam-list__item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.ourteam-list__item{flex-basis:calc((100% - 90px)/4)}}@media screen and (max-width: 767px){.ourteam-list__item{flex-basis:450px}.ourteam-list__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px)and (max-width: 1199px){.ourteam-list__item:not(:nth-last-child(-n+2)){margin-bottom:30px}.ourteam-list__item:not(:nth-last-child(2n-1)){margin-right:30px}}@media screen and (min-width: 1200px){.ourteam-list__item:not(:last-child){margin-right:30px}}.ourteam-content{padding-top:30px;padding-bottom:24px}@media screen and (min-width: 1200px){.ourteam-content{padding-bottom:30px}}.ourteam-content__subtitle{margin-bottom:10px;color:var(--title-text-color);font-weight:500;font-size:16px;line-height:1.19;text-align:center}.ourteam-content__description{margin-bottom:16px;font-size:16px;line-height:1.19;text-align:center}.ourteam-iconlist{display:flex;justify-content:center;column-gap:10px}.ourteam-iconlist__link{display:flex;width:44px;height:44px;background-color:var(--primary-white-color);color:var(--clients-border);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:50%;justify-content:center;align-items:center}.ourteam-iconlist__link:hover,.ourteam-iconlist__link:focus{background-color:var(--accent-color);color:var(--primary-white-color)}.ourteam-iconlist__icon{fill:currentColor}.clients-list{display:flex;justify-content:space-between;gap:30px}@media screen and (max-width: 1199px){.clients-list{flex-wrap:wrap}}@media screen and (max-width: 480px){.clients-list{justify-content:center}}@media screen and (max-width: 319px){.clients-list__item{width:100%}}@media screen and (min-width: 320px)and (max-width: 767px){.clients-list__item{max-width:calc((100% - 30px)/2);width:100%;gap:30px}}@media screen and (min-width: 768px)and (max-width: 1199px){.clients-list__item{max-width:calc((100% - 60px)/3);width:100%;gap:30px}}@media screen and (min-width: 1200px){.clients-list__item{max-width:calc((100% - 150px)/6);width:100%;gap:30px}}.clients-list__link{display:flex;align-items:center;justify-content:center;height:92px;color:var(--clients-border);border:1px solid var(--clients-border);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:4px}.clients-list__link:hover,.clients-list__link:focus{color:var(--accent-color);border-color:var(--accent-color)}.clients-list__icon{fill:currentColor}.button-list{display:flex;max-width:350px}@media screen and (max-width: 767px){.button-list{flex-wrap:wrap;margin-bottom:40px}}@media screen and (min-width: 768px)and (max-width: 1199px){.button-list{min-width:100%;margin-bottom:30px;justify-content:center}}@media screen and (min-width: 1200px){.button-list{min-width:100%;margin-bottom:48px;justify-content:center}}.button-list__item:not(:last-child){margin-right:8px}@media screen and (max-width: 767px){.button-list__item:nth-child(-n+3){margin-bottom:15px}}.filter-button{display:inline-block;padding:6px 22px;cursor:pointer;font-family:inherit;color:var(--title-text-color);background-color:var(--secondary-gray-color);box-shadow:none;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1);border:none;border-radius:4px;font-style:normal;font-weight:500;font-size:16px;line-height:1.62;text-align:center;letter-spacing:.03em}.filter-button:hover,.filter-button:focus{color:var(--primary-white-color);background-color:var(--accent-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-button-current{color:var(--primary-white-color);background-color:var(--accent-color)}.projects-list{display:block}@media screen and (min-width: 768px){.projects-list{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:30px}}@media screen and (max-width: 767px){.projects-list__item:not(:last-child){margin-bottom:30px}}.product{display:block;text-decoration:none;box-shadow:none;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.product:hover,.product: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)}.product:hover .product__overlay,.product:focus .product__overlay{transform:translateY(0);opacity:1}@media screen and (min-width: 768px)and (max-width: 1199px){.product{width:354px;display:flex;flex-direction:column;height:100%}}.product__thumb{position:relative;overflow:hidden}.product__overlay{position:absolute;top:0;left:0;padding:63px 24px;width:100%;height:100%;background-color:var(--background-projects-overlay);transform:translateY(101%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);font-size:18px;line-height:1.56;color:var(--primary-white-color)}.product-content{padding:20px 24px;border-bottom:1px solid var(--card-item-border);border-right:1px solid var(--card-item-border);border-left:1px solid var(--card-item-border);flex-grow:1}.product-content__title{margin-bottom:4px;color:var(--title-text-color);font-size:18px;line-height:2;letter-spacing:.06em}.product-content__text{color:var(--primary-text-color);font-size:16px;line-height:1.88}.page-footer{padding-top:60px;padding-bottom:60px;background-color:var(--footer-color)}@media screen and (max-width: 767px){.footer-container{text-align:center}}@media screen and (min-width: 768px){.footer-container{display:flex;flex-wrap:wrap;text-align:center;justify-content:space-around;align-items:baseline}}@media screen and (min-width: 1200px){.footer-container{display:flex;justify-content:space-between;align-items:baseline;text-align:left}}@media screen and (max-width: 767px){.footer-contact{width:100%}}@media screen and (max-width: 767px){.footer-soclinks{width:100%;margin-top:60px;margin-bottom:60px}}.footer-logo{color:var(--primary-white-color);font-family:"Raleway";font-weight:700;font-size:24px;line-height:1.17;text-decoration:none}@media screen and (min-width: 1200px){.footer-logo{font-size:26px;line-height:1.19}}.footer-logo__text{color:var(--accent-color)}.footer-address{margin-top:20px}.footer-address__link{color:var(--primary-white-color);font-style:normal;font-weight:400;line-height:1.71;text-decoration:none}.mailtel-item{margin-top:8px}@media screen and (min-width: 1200px){.mailtel-item{margin-top:9px}}.mailtel-item__link{color:var(--mail-tel-color);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);font-style:normal;font-weight:400;line-height:1.71;text-decoration:none}.mailtel-item__link:hover,.mailtel-item__link:focus{color:var(--accent-color)}.footer-soclinks__subtitle{font-size:14px;line-height:1.14;text-transform:uppercase;color:var(--primary-white-color)}.footer-iconlist{display:inline-flex;margin-top:20px;column-gap:10px}.footer-iconlist__link{display:flex;width:44px;height:44px;background-color:var(--footer-soclink);color:var(--primary-white-color);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:50%;justify-content:center;align-items:center}.footer-iconlist__link:hover,.footer-iconlist__link:focus{background-color:var(--accent-color)}.footer-iconlist__icon{fill:currentColor}@media screen and (max-width: 767px){.footer-form{display:block}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer-form{margin-top:60px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}}.footer-form__title{font-size:14px;line-height:1.14;text-transform:uppercase;color:var(--primary-white-color);margin-bottom:20px}@media screen and (max-width: 480px){.footer-label{display:block}}.footer-label__input{margin-bottom:20px;padding:15px 16px;width:450px;height:50px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background-color:var(--footer-color);font-weight:400;font-size:16px;line-height:1.25;color:var(--primary-white-color);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),filter 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 480px){.footer-label__input{width:100%}}@media screen and (min-width: 1200px){.footer-label__input{margin-right:12px;margin-bottom:0px;max-width:358px}}.footer-label__input:focus{border-color:var(--accent-color);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));outline:none}.footer-label__input::placeholder{font-weight:400;font-size:16px;line-height:1.25;color:var(--mail-tel-color)}.footer-submit{display:inline-flex;align-items:center;min-width:200px;padding:10px 28px;font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:var(--primary-white-color);background-color:var(--accent-color);border-radius:4px;border:none;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.footer-submit{display:inline-flex}}.footer-submit:focus,.footer-submit:hover{background-color:var(--hero-button-hover);box-shadow:0px 4px 4px rgba(0,0,0,.15)}.footer-submit__icon{margin-left:10px}/*# sourceMappingURL=main.min.css.map */