:root{--main-font: "Roboto", sans-serif;--secondary-font: "Raleway", sans-serif;--font-weight-main: 500;--font-weight-secondary: bold;--font-weight-p: 400;--font-weight-member: 500;--font-weight-projecs-overflow: 400;--icon-fill-color: #afb1b8;--logo-icon-color-left: #2196f3;--logo-icon-color-right: #ffffff;--accent-color: #2196f3;--footer-accent-color: #ffffff;--main-font-color: #212121;--header-info-color: #757575;--hero-background-color: #c4c4c4;--hero-header-color: #ffffff;--hero-btn-color: #ffffff;--hero-btn-back-color: #2196f3;--description-color: #757575;--team-back-color: #f5f4fa;--footer-back-color: #2f303a;--location-link-color: #ffffff;--filter-accent-background-color: #2196f3;--filter-accent-font-color: #ffffff;--footer-main-color: rgba(255, 255, 255, 0.6);--font-weight-modal-label: 400;--main-duration: 250ms;--timing-function: cubic-bezier(0.4, 0, 0.2, 1)}.visually-hidden-checkbox{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}.visually-hidden{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ol,ul{padding-top:0;padding-bottom:0;padding-left:0;margin:0 0}img{display:block}body{font-family:var(--main-font);font-weight:var(--font-weight-main);font-size:14px;color:var(--main-font-color)}a{text-decoration:none;font-style:normal;color:var(--main-font-color)}li{list-style-type:none}@media screen and (min-width: 360px){.section{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.footer-section{padding-bottom:60px;padding-top:60px}.container{margin:0 auto;width:100%;padding-left:15px;padding-right:15px}@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}}.logo{font-family:var(--secondary-font);font-family:Raleway;font-weight:var(--font-weight-secondary);font-size:26px;line-height:1.19;letter-spacing:0.03em;color:var(--main-font-color);text-decoration:none;animation-duration:1000ms}@media screen and (max-width: 767px){.logo{margin-right:auto;padding-top:16px;padding-bottom:16px}}@media screen and (min-width: 768px){.logo{margin-right:auto;padding-top:26px;padding-bottom:26px;font-size:24px}}@media screen and (min-width: 1200px){.logo{margin-right:93px;padding-top:24px;padding-bottom:25px}}.logo__left-side{color:var(--logo-icon-color-left)}.logo__right-side{color:var(--logo-icon-color-right)}.social-list{display:flex;align-items:center}.social-icon{width:20px;height:20px}.social-point{display:block;width:40px;height:40px;border-radius:50%}.social-point:not(:last-child){margin-right:10px}.social-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:50%;transition:background-color var(--main-duration) var(--timing-function),fill var(--main-duration) var(--timing-function)}.social-link:hover,.social-link:focus{fill:#ffffff;background-color:var(--accent-color)}.section-header{margin-bottom:50px;font-weight:var(--font-weight-secondary);font-size:28px;line-height:1.16;text-align:center;letter-spacing:0.03em;color:var(--main-font-color)}@media screen and (min-width: 768px){.section-header{margin-bottom:50px;font-weight:var(--font-weight-secondary);font-size:28px;line-height:1.18;text-align:center;letter-spacing:0.03em;color:var(--main-font-color)}}@media screen and (min-width: 1200px){.section-header{margin-bottom:50px;font-weight:var(--font-weight-secondary);font-size:28px;font-size:36px;line-height:1.16;text-align:center;letter-spacing:0.03em;color:var(--main-font-color)}}.filter_section{margin-bottom:40px;display:flex;justify-content:left;flex-wrap:wrap;margin-top:-15px}@media screen and (min-width: 768px){.filter_section{justify-content:center}}@media screen and (min-width: 1200px){.filter_section{justify-content:center;margin-bottom:50px}}.filter_point{margin-top:15px}@media screen and (min-width: 768px){.filter_point{margin-top:0}}.filter_point:not(:last-child){margin-right:8px}.filter_button{font-family:inherit;font-size:16px;font-weight:500;line-height:1.62;text-align:center;letter-spacing:0.03em;color:var(--main-font-color);cursor:pointer;background:#f5f4fa;border:none;border-radius:4px;padding:6px 22px 6px 22px;cursor:pointer;transition:box-shadow var(--main-duration) var(--timing-function),background-color var(--main-duration) var(--timing-function),color var(--main-duration) var(--timing-function)}.filter_button:hover,.filter_button:focus{color:var(--filter-accent-font-color);background-color:var(--filter-accent-background-color);box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 1px 2px rgba(0,0,0,0.08),0px 2px 2px rgba(0,0,0,0.12)}.backdrop{position:fixed;width:100vw;height:100vh;top:0;left:0;background:rgba(0,0,0,0.2);transition:opacity var(--main-duration) var(--timing-function),visibility var(--main-duration) var(--timing-function)}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal{position:absolute;margin-top:0;padding-top:0;top:50%;left:50%;transform:translate(-50%, -50%);width:450px;height:609px;background:#ffffff;box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);border-radius:4px;padding:40px}.modal_close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:8px;right:8px;border-radius:50%;border:1px solid rgba(0,0,0,0.1);background-color:transparent;cursor:pointer;padding:6px 6px;transition:fill var(--main-duration) var(--timing-function)}.modal_close-btn:hover{fill:var(--accent-color)}@media screen and (max-width: 479px){.modal{width:100%}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px;padding:40px}}.modal-form{display:flex;flex-direction:column}.modal-form__header{font-family:var(--main-font);font-weight:var(--font-weight-secondary);margin-bottom:12px;font-size:20px;line-height:1.15;text-align:center;letter-spacing:0.03em}.modal-form__field{font-family:var(--main-font);font-weight:var(--font-weight-modal-label);font-size:12px;line-height:1.16;letter-spacing:0.01em;color:#757575;margin-bottom:10px}.modal-form__input-wrapper{display:block;position:relative;margin-top:4px}.modal-form__input{border:1px solid rgba(33,33,33,0.2);border-radius:4px;width:100%;height:40px;padding-left:42px;outline:none;transition:border var(--main-duration) var(--timing-function)}.modal-form__input:hover,.modal-form__input:focus{border-color:var(--accent-color)}.modal-form__input:focus+.modal-form__input-icon,.modal-form__input:hover+.modal-form__input-icon{fill:var(--accent-color)}.modal-form__input-icon{position:absolute;top:50%;transform:translateY(-50%);left:12px;transition:fill var(--main-duration) var(--timing-function)}.modal-form__message{resize:none;width:100%;height:120px;border:1px solid rgba(33,33,33,0.2);border-radius:4px;outline:none;padding:12px 16px;transition:border var(--main-duration) var(--timing-function)}.modal-form__message:hover,.modal-form__message:focus{border-color:var(--accent-color)}.modal-form::placeholder{font-size:14px;line-height:16px;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal-form__checkbox-label{display:flex;align-items:center;font-family:var(--main-font);font-weight:400;font-size:12px;line-height:1.16;letter-spacing:0.03em;color:#757575;margin-top:10px;margin-bottom:30px}.modal-form__checkbox-label::before{display:block;content:"";background-image:url(../images/modal-checkbox/icon-checkbox.png);background-size:contain;background-repeat:no-repeat;width:16px;height:15px;border:none;margin-right:7px}.modal-form__checkbox:checked+.modal-form__checkbox-label::before{background-image:url(../images/modal-checkbox/icon-checkbox-checked.png);background-size:contain;background-repeat:no-repeat}.modal-form__label-link{text-decoration-line:underline;color:var(--accent-color)}.modal-form__btn{align-self:center;cursor:pointer;color:#ffffff;line-height:1.87;font-family:Roboto;font-weight:bold;font-size:16px;text-align:center;letter-spacing:0.06em;padding:10px 55px;background:#188ce8;box-shadow:0px 4px 4px rgba(0,0,0,0.15);border:none;border-radius:4px}@media screen and (min-width: 1200px){.modal-form__checkbox-label{justify-content:center;font-size:14px;line-height:1.71}.modal-form__checkbox-link{font-size:14px;line-height:1.71}}.header{border-bottom:1px solid #ececec}.header__section{position:relative;display:flex;margin-left:auto;margin-right:auto;align-items:baseline}@media screen and (min-width: 768px){.header__section{align-items:stretch}}.header__nav-container{display:flex;align-items:center}.header__menu-section{display:flex;width:294px}@media screen and (max-width: 767px){.header__menu-section{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}}@media screen and (min-width: 768px){.header__menu-section{margin-left:88px}}@media screen and (min-width: 1200px){.header__menu-section{margin-left:0}}.header__menu{display:flex}.header__menu-link{position:relative;line-height:1.14;letter-spacing:0.02em;color:#212121;transition:color var(--main-duration) var(--timing-function)}@media screen and (min-width: 768px){.header__menu-link{padding-top:32px;padding-bottom:33px}}@media screen and (min-width: 1200px){.header__menu-link{padding-top:32px;padding-bottom:35px}}.header__menu-link.current::before{position:absolute;display:block;content:"";width:100%;height:4px;bottom:0;background-color:var(--accent-color);border-radius:2px}.header__menu-link::after{position:absolute;display:block;content:"";width:100%;height:4px;bottom:0;background-color:var(--accent-color);border-radius:2px;transform:scaleX(0);transition:transform var(--main-duration) var(--timing-function)}.header__menu-link:hover::after,.header__menu-link:focus::after{transform:scaleX(1)}.header__menu-link.current{color:var(--accent-color)}.header__menu-link:hover,.header__menu-link:focus{color:var(--accent-color)}.header__menu-item:not(:last-child){margin-right:50px}.info{display:flex;margin-left:auto}@media screen and (max-width: 767px){.info{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}}@media screen and (min-width: 768px){.info{flex-direction:column;margin-top:21px}}@media screen and (min-width: 1200px){.info{flex-direction:row;margin-top:0;margin-left:auto}}.info__icon{margin-right:10px;transition:fill var(--main-duration) var(--timing-function)}.link{display:flex;align-items:center;line-height:1.14;letter-spacing:0.02em;color:var(--header-info-color);fill:var(--header-info-color);transition:color var(--main-duration) var(--timing-function)}@media screen and (min-width: 768px){.link{font-weight:500;font-size:12px;line-height:14px;letter-spacing:0.02em}}@media screen and (min-width: 767px){.link{padding-bottom:5px}}@media screen and (min-width: 1200px){.link{padding-top:32px;padding-bottom:32px}}.link:hover,.link:hover{color:var(--accent-color);fill:var(--accent-color)}@media screen and (min-width: 768px){.info__point:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.info__point:not(:last-child){margin-right:30px;margin-bottom:0}}.mobile-menu-button{position:absolute;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;top:10px;right:15px}@media screen and (min-width: 767px){.mobile-menu-button{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}}.burger-icon:hover,.burger-icon:focus{fill:var(--accent-color)}.mobile-menu{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#ffffff;z-index:100;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)}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu__container{position:relative;padding-top:48px;padding-bottom:48px;padding-left:40px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.mobile-menu__close-button{position:absolute;top:10px;right:15px;width:40px;height:40px;padding:0;line-height:0;border:none;background-color:transparent}.mobile-menu__close-button:hover .mobile-menu__close-icon,.mobile-menu__close-button:focus .mobile-menu__close-icon{fill:var(--accent-color)}.mobile-menu__close-icon{fill:#212121}.mobile-menu__item{margin-bottom:32px}.mobile-menu__link{font-weight:500;font-size:40px;line-height:1.77;letter-spacing:0.02em;color:var(--second-color)}.mobile-menu__link:hover,.mobile-menu__link:focus{color:var(--accent-color)}.mobile-menu__contact-list{margin-bottom:64px}.mobile-menu__contact-item{margin-bottom:32px}.mobile-menu__phone-link{font-weight:500;font-size:34px;line-height:1.17;letter-spacing:0.02em;color:var(--accent-color)}.mobile-menu__email-link{font-weight:500;font-size:24px;line-height:1.16;letter-spacing:0.02em;color:#757575}.mobile-menu__social-list{display:flex;align-items:center}.mobile-menu__social-link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:0.02em;color:var(--accent-color)}.mobile-menu__social-item{display:flex;align-items:center}.mobile-menu__social-item:not(:last-child)::after{content:"";width:1px;height:22px;display:block;background:rgba(33,33,33,0.2);margin-left:10px;margin-right:10px}.hero{padding:118px 0;text-align:center;margin:0 auto;background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/mobile/hero/hero-bg-mobile.jpg);background-size:cover;background-color:#2f303a}.hero__header{margin-left:auto;margin-right:auto;margin-bottom:30px;max-width:360px;font-family:var(--main-font);font-weight:900;font-size:26px;line-height:1.62;text-align:center;letter-spacing:0.06em;text-transform:uppercase;color:#ffffff}.hero__button{padding:10px 32px;font-family:var(--main-font);font-weight:700;font-size:16px;line-height:1.88;align-items:center;text-align:center;letter-spacing:0.06em;color:#ffffff;background-color:var(--accent-color);box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;border:none;cursor:pointer}@media screen and (min-device-pixel-ratio: 2) and (min-width: 280px), (min-resolution: 192dpi) and (min-width: 280px), (min-resolution: 2dppx) and (min-width: 280px){.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/mobile/hero/hero-bg-mobile@2x.jpg)}}@media screen and (min-width: 768px){.hero{background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/tablet/hero/hero-bg-tablet.jpg)}}@media screen and (min-device-pixel-ratio: 2) and (min-width: 768px), (min-resolution: 192dpi) and (min-width: 768px), (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/tablet/hero/hero-bg-tablet@2x.jpg)}}@media screen and (min-width: 1200px){.hero{padding:200px 0;background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/desktop/hero/hero-bg.jpg)}.hero__header{max-width:696px;font-size:44px;line-height:1.36}}@media screen and (min-device-pixel-ratio: 2) and (min-width: 1200px), (min-resolution: 192dpi) and (min-width: 1200px), (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/desktop/hero/hero-bg@2x.jpg)}}@media screen and (min-width: 768px){.qualities__list{display:flex;flex-wrap:wrap;margin-left:-30px}}@media screen and (min-width: 1200px){.qualities__list{display:flex;flex-wrap:nowrap;margin-right:-30px;margin-left:0}}.qualities__icon-box{display:flex;align-items:center;justify-content:center;margin-bottom:30px;border-radius:4px;width:100%;height:120px;background-color:#f5f4fa}.qualities__name{margin-bottom:10px;text-align:center;font-size:14px;font-weight:var(--font-weight-secondary);line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:var(--main-font-color)}@media screen and (min-width: 768px){.qualities__name{display:inline-block;text-align:left}}@media screen and (min-width: 1200px){.qualities__name{display:inline-block;text-align:left}}.qualities__description{font-size:14px;font-weight:var(--font-weight-p);line-height:1.71;letter-spacing:0.03em;color:var(--description-color)}.qualities__point{display:block;width:100%}@media screen and (min-width: 768px){.qualities__point{flex-basis:calc((100% - 60px) / 2);margin-left:30px}}@media screen and (min-width: 1200px){.qualities__point{margin-left:0}}@media screen and (min-width: 480px){.qualities__point:not(last-child){margin-bottom:30px}}@media screen and (min-width: 1200px){.qualities__point:not(last-child){margin-bottom:0px;margin-right:30px}}.tasks__container{display:flex;flex-direction:column;padding-top:60px;padding-bottom:60px}@media screen and (max-width: 1199px){.tasks__container{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}}.tasks__header{display:block;margin-left:auto;margin-right:auto;margin-bottom:50px;font-weight:var(--font-weight-secondary);font-size:36px;line-height:1.16;text-align:center;letter-spacing:0.03em;color:var(--main-font-color)}.tasks__list{display:flex}.tasks__point{display:block;position:relative;width:370px;height:294px}.tasks__point:not(:last-child){margin-right:30px}.tasks__overlay{font-weight:bold;font-size:14px;line-height:16px;text-align:center;letter-spacing:0.03em;text-transform:uppercase;color:#ffffff}.tasks__overlay-box{position:absolute;bottom:0;width:370px;height:70px;padding-top:27px;background-color:rgba(47,48,58,0.8)}.team{background:var(--team-back-color)}@media screen and (min-width: 1200px){.team__section{display:flex;flex-direction:column}}@media screen and (min-width: 768px){.team__list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-bottom:-30px}}@media screen and (min-width: 1200px){.team__list{display:flex;flex-wrap:nowrap}}.team__point{display:block;box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);border-radius:0px 0px 4px 4px;background-color:#ffffff;margin-bottom:30px}@media screen and (min-width: 768px){.team__point{flex-basis:calc((100% - 60px) / 2);margin-left:30px;margin-bottom:30px}}@media screen and (min-width: 1200px){.team__point{margin-left:30px;margin-bottom:0}}.team__img-wrapper{margin:0 auto}.team__member-box{display:flex;flex-direction:column;align-items:center;padding-top:30px;padding-bottom:30px}.team_social-list{margin-top:16px;width:206px;height:44px}.team__social-link{background-color:transparent;fill:#afb1b8}.team__social-link:focus,.team__social-link:hover{background-color:var(--accent-color);fill:#ffffff}.team__member-name{display:inline-block;font-size:16px;font-weight:var(--font-weight-member);line-height:1.18;text-align:center;letter-spacing:0.03em}.team__member-profession{display:inline-block;margin-top:10px;font-weight:400;font-size:16px;line-height:1.18;text-align:center;letter-spacing:0.03em;color:var(--description-color)}@media screen and (min-width: 1200px){.clients__container{display:flex;flex-direction:column}}@media screen and (min-width: 420px){.clients__list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-bottom:-30px}}@media screen and (min-width: 1200px){.clients__list{display:flex;flex-wrap:nowrap;justify-content:space-between}}.clients__point{width:170px;height:92px}@media screen and (min-width: 420px){.clients__point{flex-basis:calc((100% - 60px) / 2);margin-left:30px;margin-bottom:30px}}@media screen and (min-width: 768px){.clients__point{flex-basis:calc((100% - 90px) / 3);margin-left:30px;margin-bottom:30px}}@media screen and (min-width: 1200px){.clients__point{margin-left:30px}}.clients__link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:1px solid #afb1b8;border-radius:4px;fill:var(--icon-fill-color);transition:fill var(--main-duration) var(--timing-function),border-color var(--timing-function) var(--main-duration)}.clients__link:hover,.clients__link:focus{fill:var(--accent-color);border:1px solid var(--accent-color)}.footer{background-color:var(--footer-back-color)}.footer__container{width:100%}@media screen and (min-width: 480px){.footer__container{width:480px}}@media screen and (min-width: 768px){.footer__container{width:768px;flex-direction:row;flex-wrap:wrap}}@media screen and (min-width: 1200px){.footer__container{width:1200px;display:flex;flex-direction:row;flex-wrap:nowrap}}@media screen and (min-width: 768px){.footer__tablet-box{display:flex;justify-content:space-around;margin-left:61px}}@media screen and (min-width: 1200px){.footer__tablet-box{display:flex;margin-left:0}}.footer__logo{width:145px;padding-top:0;padding-bottom:0;margin-right:0;margin-bottom:20px}.footer__location-link{font-weight:400;font-style:normal;line-height:1.71;letter-spacing:0.03em;color:var(--location-link-color);transition:color var(--main-duration) var(--timing-function)}.footer__location-link:hover,.footer__location-link:focus{color:var(--accent-color)}.footer__contacts{font-weight:400;line-height:1.71;letter-spacing:0.03em;color:var(--footer-main-color);transition:color var(--main-duration) var(--timing-function)}.footer__contacts:hover,.footer__contacts:focus{color:var(--footer-accent-color)}.footer__address-list{display:flex;flex-direction:column;align-items:center}.footer__address-list li{margin-bottom:8px;margin-right:0}@media screen and (min-width: 1200px){.footer__address-list li{margin-bottom:9px;margin-right:auto}}.footer__address-box{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.footer__address-box{margin-left:0;align-items:flex-start}}.footer__social-box{display:flex;flex-direction:column;align-items:center;width:206px;height:80px;margin-top:60px;margin-right:auto;margin-left:auto}@media screen and (min-width: 768px){.footer__social-box{margin-top:0;margin-right:74px}}@media screen and (min-width: 1200px){.footer__social-box{margin-left:70px;align-items:flex-start}}.footer__social-p{font-weight:var(--font-weight-secondary);font-size:14px;line-height:16px;letter-spacing:0.03em;text-transform:uppercase;color:#ffffff}.footer__social-list{display:flex;margin-top:20px}.footer__social-link{background-color:rgba(255,255,255,0.1);fill:#ffffff}.footer__mailing-container{display:flex;flex-direction:column;margin-top:60px}@media screen and (min-width: 768px){.footer__mailing-container{margin-top:60px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.footer__mailing-container{margin-left:auto;margin-right:0;margin-top:0;align-items:flex-start}}.footer__mailing-header{font-family:var(--main-font);font-weight:var(--font-weight-secondary);font-size:14px;line-height:16px;letter-spacing:0.03em;text-transform:uppercase;color:#ffffff;text-align:center;margin-bottom:20px}.footer__mailing-form{width:100%}@media screen and (min-width: 768px){.footer__mailing-form{display:flex;flex-direction:column;align-items:center}}@media screen and (min-width: 1200px){.footer__mailing-form{display:flex;flex-direction:row}}.footer__user-mail-input{color:#ffffff;padding:15px 16px;width:100%;height:50px;margin-bottom:20px;border:1px solid rgba(255,255,255,0.3);filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.15));border-radius:4px;background-color:var(--footer-back-color);outline:none}@media screen and (min-width: 768px){.footer__user-mail-input{width:450px}}@media screen and (min-width: 1200px){.footer__user-mail-input{width:358px;height:50px;margin-bottom:0}}.footer__user-mail-input::placeholder{font-family:var(--main-font);font-weight:var(--font-weight-p);font-size:16px;line-height:1.25;letter-spacing:0.03em;color:rgba(255,255,255,0.6)}.footer__user-mail-input:hover,.footer__user-mail-input:focus{border-color:var(--accent-color)}.footer__mailing-button{margin:0 auto;display:block;width:200px;height:50px;color:#ffffff;font-family:var(--main-font);font-weight:var(--font-weight-secondary);font-size:16px;line-height:1.87;letter-spacing:0.06em;background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;border:none;padding-top:10px;padding-bottom:10px;padding-left:29px;padding-right:28px;align-self:center;cursor:pointer}@media screen and (min-width: 1200px){.footer__mailing-button{margin-left:12px;margin-top:0}}.footer__mailing-button-wrapper{display:flex}.footer__mailing-button-icon{margin-left:10px}@media screen and (min-width: 768px){.portfolio-list{display:flex;flex-wrap:wrap;margin-top:-30px;margin-left:-30px}}@media screen and (min-width: 1200px){.portfolio-list{margin-top:0}}.portfolio-point{margin-top:30px;margin-left:auto;margin-right:auto;transition:box-shadow 250ms linear}@media screen and (min-width: 768px){.portfolio-point{display:flex;flex-direction:column;width:100%;margin-top:30px;margin-left:30px;flex-basis:calc((100% - 60px) / 2)}}@media screen and (min-width: 1200px){.portfolio-point{flex-basis:calc((100% - 90px) / 3);margin-top:0}}.portfolio-point:nth-last-child(n+4){margin-bottom:30px}.portfolio-project-link{width:100%}.portfolio-point:hover{box-shadow:0px 1px 1px rgba(0,0,0,0.12),0px 4px 4px rgba(0,0,0,0.06),1px 4px 6px rgba(0,0,0,0.16)}.project-info{width:100%;padding:20px 24px;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;border-left:1px solid #eeeeee;flex-grow:1}.portfolio-project{margin-bottom:4px;font-weight:var(--font-weight-secondary);font-size:18px;line-height:2;letter-spacing:0.06em;color:var(--main-font-color)}.project-description{font-weight:400;font-size:16px;line-height:1.87;letter-spacing:0.03em;color:var(--description-color)}.portfolio-img-box{position:relative;overflow:hidden}.portfolio-img{display:block;max-width:100%;height:auto}.portfolio-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;padding:63px 24px;font-weight:var(--font-weight-projecs-overflow);background:rgba(33,150,243,0.9);font-size:18px;line-height:1.56;letter-spacing:0.03em;color:#ffffff;transform:translateY(101%);transition-duration:250ms}.portfolio-project-link:hover .portfolio-overlay,.portfolio-project-link:focus .portfolio-overlay{transform:translateY(0%);animation-timing-function:var(--timing-function)}@media screen and (min-width: 768px){.portfolio-project-link{display:flex;flex-direction:column;height:100%}}
/*# sourceMappingURL=main.min.css.map */