p,ul,h1,h2,h3,h4,h5,h6{margin:0;padding:0}img{display:block;max-width:100%;height:auto}.no-scroll{overflow:hidden}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:-1px}:root{--main-color: #212121;--secondary-color: #757575;--accent-color: #2196f3;--accent-second-color: #188ce8;--white-color: #ffffff;--bg-color: #2f303a;--logo-header-span: #000000;--logo-footer-span: #ffffff;--links-color: #afb1b8}html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}body{font-family:"Roboto",Verdana,sans-serif;letter-spacing:.03em;color:var(--main-color);font-size:14px}.list{list-style:none}.section-title{margin-bottom:30px;color:var(--main-color);font-weight:700;font-size:28px;line-height:1.16;text-align:center}.section{padding-bottom:60px;padding-top:60px;text-align:center}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}@media screen and (min-width: 1200px){.section-null{padding-bottom:0px}}.container{max-width:100%;margin-left:auto;margin-right:auto;padding-right:15px;padding-left: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}}.backdrop{position:fixed;top:0;left:0;padding:94px 15px;height:100%;width:100%;background-color:rgba(0,0,0,.2);opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(1.2)}.modal{position:relative;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);padding:40px;border-radius:4px;background-color:var(--white-color);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.modal{position:absolute;max-width:609px}}@media screen and (min-width: 1200px){.modal{max-height:581px;max-width:528px;transform:translate(-50%, -50%) scale(1)}}.modal-button{position:absolute;right:8px;top:8px;height:30px;width:30px;padding:6px;border:1px solid rgba(0,0,0,.1);border-radius:50%;text-decoration:none;background-color:rgba(0,0,0,0);cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:box-shadow,fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-button:focus,.modal-button:hover{box-shadow:0px 2px 1px 0px rgba(0,0,0,.2);box-shadow:0px 1px 1px 0px rgba(0,0,0,.14);box-shadow:0px 1px 3px 0px rgba(0,0,0,.12);fill:var(--accent-color)}.modal-title{margin-bottom:12px;text-align:center;font-weight:700;font-size:20px;line-height:1.15;color:var(--main-color)}.field-subtitle{display:block;margin-bottom:4px;font-size:12px;line-height:1.16;letter-spacing:.01em;color:var(--secondary-color)}.modal-field{margin-bottom:10px}.modal-field.comment{margin-bottom:20px}.modal-field.accept{margin-bottom:30px;width:423px;margin-left:auto;margin-right:auto}.input-wrap{position:relative}.modal-field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-input:focus+.modal-field-icon{fill:var(--accent-color)}.modal-input{width:100%;height:40px;padding:12px 42px;caret-color:var(--secondary-color);color:var(--secondary-color);border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0);transition-property:border-color,fill,caret;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-input:focus{border-color:var(--accent-color)}.modal-comment{width:100%;height:120px;padding:12px 16px;caret-color:var(--secondary-color);color:var(--secondary-color);border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0);transition-property:border-color,fill,caret;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);resize:none}.modal-comment:focus{border-color:var(--accent-color)}.modal-comment::-moz-placeholder{font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-comment:-ms-input-placeholder{font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-comment::placeholder{font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.field-subtitle-checkbox{display:flex;color:var(--secondary-color)}.field-subtitle-checkbox .link{color:var(--accent-color)}.custom-checkbox{display:flex;justify-content:center;align-items:center;fill:var(--white-color);width:16px;height:15px;margin-right:7px;border:2px solid var(--main-color);border-radius:2px}.modal-checkbox:checked+.custom-checkbox{border-color:var(--accent-color);background-color:var(--accent-color)}.button-send{display:block;min-width:200px;height:50px;margin-left:auto;margin-right:auto;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;color:var(--white-color);cursor:pointer;border-radius:4px;border:0;padding:10px 80px;background-color:var(--accent-color);transition-property:background-color,box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.button-send:hover,.button-send:focus{box-shadow:0px 4px 4px rgba(0,0,0,.15);background-color:var(--accent-second-color)}.header{position:relative;border-bottom:1px solid #ececec}@media screen and (min-width: 1200px){.header{max-height:80px}}@media screen and (min-width: 768px){.header-container{display:flex;justify-content:center;align-items:center}}.header-navigation{display:flex;justify-content:space-between;align-items:center}.header-contacts{display:none}.header-contacts .link{padding:32px 0;align-items:center;gap:10px;color:var(--secondary-color);font-size:12px;font-weight:500;line-height:1.14;letter-spacing:.02em;text-decoration:none;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.header-contacts .link:hover,.header-contacts .link:focus{color:var(--accent-color)}@media screen and (min-width: 768px){.header-contacts .link{display:flex;padding:5px 0}}@media screen and (min-width: 1200px){.header-contacts .link{font-size:14px}}.header-contacts .header-contacts-icon{fill:currentColor}@media screen and (min-width: 768px){.header-contacts{display:flex;flex-wrap:wrap}}@media screen and (min-width: 1200px){.header-contacts{gap:30px;margin-left:auto}}.logo{font-family:Raleway,sans-serif;font-weight:700;color:var(--accent-color);text-decoration:none;font-size:26px;line-height:1.19}@media screen and (min-width: 768px){.logo{margin-right:88px}}@media screen and (min-width: 1200px){.logo{margin-right:93px}}.logo-header{color:var(--logo-header-span)}.logo-secondary-color{color:var(--logo-footer-span)}.site-nav{display:none}.site-nav .link{padding:32px 0;display:inline-block;color:var(--main-color);font-weight:500;line-height:1.14;letter-spacing:.02em;text-decoration:none;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.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{content:"";position:absolute;bottom:0%;left:0%;height:4px;width:100%;border-radius:2px;background-color:var(--accent-color)}@media screen and (min-width: 768px){.site-nav{display:flex;gap:57px;margin-right:93px}}.mobile-menu{position:fixed;top:0;width:100vw;height:100vh;z-index:1;background-color:var(--white-color);opacity:1;visibility:visible;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu .container{height:100%;padding-left:40px;padding-right:40px;padding-top:48px;padding-bottom:48px;display:flex;flex-direction:column;justify-content:space-between;overflow:auto}.mobile-menu.is-hidden{opacity:0;pointer-events:none;visibility:hidden}@media screen and (min-width: 768px){.mobile-menu{display:none}}.mobile-menu-list{margin-bottom:50px}.mobile-menu-item .link{color:var(--main-color);font-size:40px;font-weight:500;line-height:1.17;letter-spacing:.02em;text-decoration:none;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu-item .link.current{color:var(--accent-color)}.mobile-menu-item .link:hover,.mobile-menu-item .link:focus{color:var(--accent-color)}.mobile-menu-item.mobile-menu-item:not(:last-child){margin-bottom:32px}.menu-open-button{display:flex;align-items:center;justify-content:center;padding:6px;border:none;text-decoration:none;background-color:rgba(0,0,0,0);transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.menu-open-button:hover,.menu-open-button:active{fill:var(--accent-color)}@media screen and (min-width: 768px){.menu-open-button{display:none}}.menu-close-button{position:absolute;top:10px;right:15px;padding:6px;border:none;text-decoration:none;background-color:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.menu-close-button:focus,.menu-close-button:hover{fill:var(--accent-color)}.menu-contacts{margin-bottom:64px}.menu-contacts-item .link{color:var(--secondary-color);font-size:24px;font-weight:500;line-height:1.17;letter-spacing:.02em;text-decoration:none;transition-property:color,font-size;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.menu-contacts-item .link:hover,.menu-contacts-item .link:focus{color:var(--accent-color);font-size:34px}.menu-contacts-item:not(:last-child){margin-bottom:32px}.menu-social-list{display:flex;gap:24px}.menu-social-list .link{font-family:"Roboto";font-weight:500;font-size:18px;line-height:1.22;text-decoration:none;color:var(--accent-color);letter-spacing:.02em}@media screen and (min-width: 480px){.menu-social-list .menu-social-item:not(:last-child)::after{content:"";border:1px solid rgba(33,33,33,.2);width:1px;background-color:rgba(33,33,33,.2);transform:rotate(90deg);margin-left:10px}}@media screen and (max-width: 479px){.menu-social-list{flex-wrap:wrap}}.hero-banner{margin-left:auto;margin-right:auto;padding:118px 0;text-align:center;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/banner-mobile.jpg);background-color:var(--bg-color);background-position:center;background-repeat:no-repeat;background-size:cover}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-banner{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/banner-mobile-2x.jpg)}}@media screen and (min-width: 768px){.hero-banner{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/banner-tablet.jpg)}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 768px)and (min-resolution: 192dpi),screen and (min-width: 768px)and (min-resolution: 2dppx){.hero-banner{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/banner-tablet-2x.jpg)}}@media screen and (min-width: 1200px){.hero-banner{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/banner.jpg);max-width:1600px;height:600px;padding:200px 0}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (min-resolution: 192dpi),screen and (min-width: 1200px)and (min-resolution: 2dppx){.hero-banner{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/banner-2x.jpg)}}.hero-banner__title{margin:0 auto;margin-bottom:30px;max-width:360px;color:var(--white-color);font-weight:900;font-size:26px;line-height:1.61;letter-spacing:.06em;text-transform:uppercase}@media screen and (min-width: 1200px){.hero-banner__title{max-width:650px;font-size:44px;line-height:1.36}}.hero-banner__button{border-radius:4px;border:0;padding:10px 32px;min-width:200px;color:var(--white-color);background-color:var(--accent-color);font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;cursor:pointer;font-family:inherit;text-decoration:none;text-align:center;transition-property:background-color,box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.hero-banner__button:hover,.hero-banner__button:focus{background-color:var(--accent-second-color);box-shadow:0px 4px 4px 0px rgba(0,0,0,.15)}@media screen and (min-width: 1200px){.hero-banner__button{min-width:216px;font-size:16px}}.advantages{display:flex;flex-wrap:wrap;gap:30px;text-align:left}@media screen and (min-width: 768px){.advantages-item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.advantages-item{width:calc((100% - 90px)/4)}}.advantages-title{display:flex;justify-content:center;margin-bottom:9.41px;color:var(--main-color);font-weight:700;line-height:1.14;text-transform:uppercase}@media screen and (min-width: 768px){.advantages-title{justify-content:flex-start}}.advantages-subtitle{min-width:270px;color:var(--secondary-color);line-height:1.71}.advantages-bg-icon{min-height:120px;background-color:#f5f4fa;margin-bottom:30px;display:flex;justify-content:center;align-items:center}.examples-list{display:flex;gap:30px}.examples{display:none}@media screen and (min-width: 1200px){.examples{display:block}}.examples-list__thumb{position:relative}.examples-list__text-overlay{position:absolute;bottom:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:center;background:rgba(47,48,58,.8)}.examples-list__text{font-weight:700;line-height:1.14px;text-transform:uppercase;color:var(--white-color)}.team{background-color:#f5f4fa}.team-title{margin-bottom:10px;color:var(--main-color);font-weight:500;font-size:16px;line-height:1.18}.team-subtitle{color:var(--secondary-color);line-height:1.18;margin-bottom:16px}.team-list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.team-list .item{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;width:100%}@media screen and (min-width: 768px){.team-list .item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.team-list .item{width:calc((100% - 90px)/4)}}.item-container{padding-top:30px;padding-bottom:30px;background-color:var(--white-color);text-align:center}.employee-item{display:block}.team-social-list{display:flex;justify-content:center;gap:10px}.team-social-link{color:var(--links-color);align-items:center;justify-content:center;display:flex;height:44px;width:44px;border-radius:50%;transition-property:background-color,color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.team-social-link:hover,.team-social-link:focus{color:var(--white-color);background-color:var(--accent-color)}.team-social-icon{fill:currentColor}.customers-list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.customers-list__item{width:calc((100% - 30px)/2)}@media screen and (min-width: 768px){.customers-list__item{width:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.customers-list__item{width:calc((100% - 150px)/6)}}.customers-list__link{height:92px;display:flex;justify-content:center;align-items:center;color:var(--links-color);border:1px solid var(--links-color);border-radius:4px;transition-property:border-color,color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.customers-list__link:hover,.customers-list__link:focus{color:var(--accent-color);border-color:var(--accent-color)}@media screen and (min-width: 1200px){.customers-list__link{max-width:170px}}.customers-list__icon{fill:currentColor}.address-link{margin-bottom:8px;display:inline-block;color:var(--white-color);line-height:1.71;font-style:normal;text-decoration:none}.footer{padding-top:60px;padding-bottom:60px;background-color:var(--bg-color)}.footer .logo{display:block;margin-bottom:20px;margin-right:0}.footer .link{color:rgba(255,255,255,.6);line-height:1.71;text-decoration:none;font-style:normal;transition-property:border-color,color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer .link:hover,.footer .link:focus{color:var(--accent-color)}.footer .container{text-align:center;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;gap:60px}@media screen and (min-width: 1200px){.footer .container{gap:0;flex-direction:initial;text-align:initial}}@media screen and (min-width: 1200px){.footer-contacts{margin-right:70px}}.footer-contacts-list{display:flex;flex-wrap:wrap;flex-direction:column;gap:8px}.footer-social-title{color:var(--white-color);font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase;margin-bottom:20px}@media screen and (min-width: 1200px){.footer-social{margin-right:93px}}.footer-social-list{display:flex;justify-content:center;gap:10px}.footer-social-icon{fill:var(--white-color)}.footer-social-link{height:44px;width:44px;background-color:rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;border-radius:50%;transition-property:background-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer-social-link:hover,.footer-social-link:focus{background-color:var(--accent-color)}.footer-subscribe-title{display:block;margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14;color:var(--white-color);text-transform:uppercase}.footer-subcribe-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;width:200px;cursor:pointer;border-radius:4px;border:0;padding:10px 28px;background-color:var(--accent-color);transition-property:background-color,box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer-subcribe-button:hover,.footer-subcribe-button:focus{box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);background-color:var(--accent-second-color)}.footer-button-title{font-weight:700;font-size:16px;line-height:1.87;letter-spacing:.06em;color:var(--white-color)}.footer-subscribe-icon{fill:var(--white-color)}.footer-subscribe-wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column}@media screen and (min-width: 1200px){.footer-subscribe-wrap{flex-wrap:nowrap;justify-content:center;flex-direction:initial}}.footer-contacts-wrap{display:flex;flex-direction:column;gap:60px}@media screen and (min-width: 768px){.footer-contacts-wrap{flex-direction:row;gap:165px;justify-content:center}}@media screen and (min-width: 1200px){.footer-contacts-wrap{gap:0}}.footer-input{width:100%;padding:15px 16px;margin-bottom:20px;background-color:rgba(0,0,0,0);outline:rgba(0,0,0,0);caret-color:rgba(255,255,255,.6);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.3);border-radius:4px;transition-property:border-color,box-shadow;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer-input:focus{box-shadow:0px 4px 4px 0px rgba(0,0,0,.15);border-color:var(--accent-color)}.footer-input::-moz-placeholder{color:rgba(255,255,255,.6)}.footer-input:-ms-input-placeholder{color:rgba(255,255,255,.6)}.footer-input::placeholder{color:rgba(255,255,255,.6)}@media screen and (min-width: 768px){.footer-input{max-width:450px}}@media screen and (min-width: 1200px){.footer-input{margin-bottom:0;margin-right:12px;width:358px}}.filter{display:flex;justify-content:center;gap:8px;margin-bottom:50px}.filter-button{padding:6px 22px;color:var(--main-color);background-color:#f5f4fa;font-weight:500;font-size:16px;cursor:pointer;line-height:1.62;font-family:inherit;border-radius:4px;border-color:rgba(0,0,0,0)}.filter-button:hover,.filter-button:focus{color:var(--white-color);background-color:var(--accent-color);box-shadow:0px 2px 2px 0px rgba(0,0,0,.12);box-shadow:0px 1px 2px 0px rgba(0,0,0,.08);box-shadow:0px 3px 1px 0px rgba(0,0,0,.1)}.works-overlay{position:relative;overflow:hidden}.works-overlay-title{position:absolute;bottom:0;left:0;transform:translateY(100%);width:100%;height:100%;padding:63px 24px;font-size:18px;line-height:1.55;color:var(--white-color);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);background-color:rgba(33,150,243,.9)}.works-link:hover .works-overlay-title{transform:translateY(0)}.works-list{display:flex;flex-wrap:wrap;gap:30px;text-align:left}.works-link{text-decoration:none}.works-title{margin-bottom:4px;color:var(--main-color);font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em}.works-subtitle{color:var(--secondary-color);font-size:16px;line-height:1.87}.works-example{display:block}.gallery-item{width:calc((100% - 60px)/3);transition-duration:250ms}.gallery-item:hover,.gallery-item:hover{box-shadow:0px 4px 4px 0px rgba(0,0,0,.25)}.gallery-container{padding:20px 24px;border:solid 1px #eee}/*# sourceMappingURL=main.min.css.map */