:root{--primary-color: #757575;--title-color: #212121;--accent-color: #2196f3;--primary-background-color: #ffffff;--secondary-background-color: #2f303a;--white-color: #ffffff;--accent-button-color: #188ce8;--third-background-color: #f5f4fa;--filter-background-color: #f5f4fa;--logo-color: #000000;--portfolio-background-color: #eeeeee;--icon-background-color: #AFB1B8}*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}body{color:var(--primary-color);background-color:var(--primary-background-color);font-family:"Roboto",sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:1.16;overflow:auto}@media screen and (min-width: 768px){body{font-size:14px;line-height:1.71}}h1,h2,h3,p,ul{padding:0;margin:0}.section{padding:94px 0}img{display:block;max-width:100%;height:auto}li{list-style:none}link{text-decoration:none}.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}.title{margin-bottom:30px;color:var(--title-color);font-family:inherit;font-weight:700;font-size:28px;line-height:1.18;letter-spacing:.03em;text-align:center}@media screen and (min-width: 1200px){.title{margin-bottom:50px;font-size:36px;line-height:1.17}}.activities{padding-top:0;display:none}@media screen and (min-width: 1200px){.activities{display:block;padding-bottom:94px}}.title{margin-bottom:30px;color:var(--title-color);font-family:inherit;font-weight:700;font-size:28px;line-height:1.18;letter-spacing:.03em;text-align:center}@media screen and (min-width: 1200px){.title{margin-bottom:50px;font-size:36px;line-height:1.17}}.activities__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.activities__item{position:relative}.activities__description{position:absolute;bottom:0;width:100%;height:70px;background-color:rgba(47,48,58,.8)}.activities__text{font-family:inherit;font-style:normal;font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:.03em;text-transform:uppercase;padding-top:27px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--white-color)}.benefits__title{margin-bottom:10px;color:var(--title-color);font-family:inherit;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;text-align:center}@media screen and (min-width: 768px){.benefits__title{text-align:start}}@media screen and (min-width: 1200px){.benefits__title{text-align:start}}.benefits__icon{height:120px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--filter-background-color);margin-bottom:30px;border-radius:4px}.benefits__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.benefits__item{width:100%}@media screen and (min-width: 767px){.benefits__item{max-width:450px}}@media screen and (min-width: 767px)and (min-width: 768px){.benefits__item{width:354px}}@media screen and (min-width: 767px)and (min-width: 1200px){.benefits__item{display:block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:270px}}.button-primary{width:200px;height:50px;font-family:inherit;font-weight:700;font-size:16px;line-height:1.87;color:var(--white-color);background-color:var(--accent-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border:none;border-radius:4px;cursor:pointer;display:block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:auto;-webkit-transition:backgroud-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:backgroud-color 250ms cubic-bezier(0.4, 0, 0.2, 1);text-align:center}@media screen and (min-width: 1200px){.button-primary{width:216px;padding:10px 32px}}.button-primary:hover,.button-primary:focus{background-color:var(--accent-button-color)}.button-submit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:200px;height:50px;margin:0 auto;padding:10px 28px;gap:10px;background-color:var(--accent-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border-color:rgba(0,0,0,0);text-align:center;font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:var(--white-color);cursor:pointer;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button-submit:hover{background-color:var(--accent-button-color)}.button-submit:focus{background-color:var(--accent-button-color)}.button-submit__icon{fill:var(--white-color)}.button-close{position:absolute;top:28px;right:8px;height:30px;width:30px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1);cursor:pointer;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);margin:auto}@media screen and (min-width: 1200px){.button-close{top:8px;right:8px}}.button-close:hover{fill:var(--accent-color)}.button-close:focus{fill:var(--accent-color)}.button-menu{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:10px;right:0;margin:0;padding:0;border:none;background-color:rgba(0,0,0,0)}.button-menu:hover{fill:var(--accent-color)}.button-menu:focus{fill:var(--accent-color)}@media screen and (min-width: 768px){.button-menu{display:none}}.checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:inherit;font-size:12px;line-height:1.17;letter-spacing:.03em}@media screen and (min-width: 1200px){.checkbox{font-size:14px;line-height:1.71}}.checkbox__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:12px;line-height:1.17;letter-spacing:.03em;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.checkbox__input{font-size:14px;line-height:1.71}}.checkbox__label{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px;position:relative;margin-bottom:30px}.checkbox__link{color:var(--accent-color)}.checkbox__icon{fill:var(--white-color);border:2px solid var(--logo-color);border-radius:2px;display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-21px}.checkbox__input:checked+.checkbox__icon{background-color:var(--accent-color);border-color:rgba(0,0,0,0)}.clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.clients{padding-top:94px;padding-bottom:94px}}.clients__title{margin-bottom:30px;color:var(--title-color);font-family:inherit;font-weight:700;font-size:28px;line-height:1.18;letter-spacing:.03em;text-align:center}@media screen and (min-width: 1200px){.clients__title{margin-bottom:50px;font-size:36px;line-height:1.17}}.clients__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.clients__block{height:92px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:210px}@media screen and (min-width: 768px)and (max-width: 1199px){.clients__block{max-width:226px}}@media screen and (min-width: 1200px){.clients__block{max-width:170px}}.clients__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border:1px solid #afb1b8;border-radius:4px;color:var(--icon-background-color);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover{border-color:var(--accent-color);color:var(--accent-color)}.clients__link:focus{border-color:var(--accent-color);color:var(--accent-color)}.clients__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;fill:currentColor;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__icon:hover{fill:currentColor}.clients__icon:focus{fill:currentColor}.contacts{display:none}@media screen and (min-width: 768px){.contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}}@media screen and (min-width: 1200px){.contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:50px}}.contacts__link{color:var(--primary-color);fill:var(--primary-color);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:inherit;font-style:normal;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;gap:10px;text-decoration:none}@media screen and (min-width: 1200px){.contacts__link{padding-top:32px;padding-bottom:32px}}.contacts__link:hover,.contacts__link:focus{color:var(--accent-color);fill:var(--accent-color)}.container{margin:0 auto;padding:0 15px}@media screen and (max-width: 767px){.container{width:480px}}@media screen and (min-width: 768px)and (max-width: 1199px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.employee{max-width:450px;background-color:var(--primary-background-color);-webkit-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);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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}@media screen and (min-width: 768px){.employee{max-width:354px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.employee{max-width:270px}}.employee__info{padding:30px}.employee__name{margin-bottom:10px;color:var(--title-color);font-family:inherit;font-weight:500;font-size:16px;line-height:1.19;letter-spacing:.03em}.employee__socials{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16px}.employee__icon{width:44px;height:44px;fill:var(--icon-background-color);background-color:var(--primary-background-color);border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.employee__icon:hover,.employee__icon:focus{fill:var(--white-color);background-color:var(--accent-color)}.footer{background-color:var(--secondary-background-color);padding-bottom:60px;padding-top:60px}@media screen and (min-width: 768px){.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (min-width: 1200px){.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:70px}}.footer__logo{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;color:var(--white-color);font-family:"Raleway",sans-serif;font-style:normal;font-weight:700;font-size:26px;line-height:1.19;letter-spacing:.03em;text-decoration:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}@media screen and (min-width: 1200px){.footer__logo{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.footer__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;margin-bottom:60px}@media screen and (min-width: 1200px){.footer__block{gap:9px;margin-bottom:0}}.footer__address{color:var(--white-color);font-family:inherit;font-style:normal;font-size:14px;line-height:1.71;letter-spacing:.03em;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}@media screen and (min-width: 1200px){.footer__address{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.footer__address:hover,.footer__address:focus{color:var(--accent-color)}.footer__mail{font-family:inherit;font-style:normal;font-size:14px;line-height:1.71;letter-spacing:.03em;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto;color:rgba(255,255,255,.6);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.footer__mail{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.footer__mail:hover,.footer__mail:focus{color:var(--accent-color)}.footer__tel{font-family:inherit;font-style:normal;font-size:14px;line-height:1.71;letter-spacing:.03em;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto;color:rgba(255,255,255,.6);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.footer__tel{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.footer__tel:hover,.footer__tel:focus{color:var(--accent-color)}.form__title{font-family:inherit;font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:.03em;color:var(--title-color);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:block;margin-bottom:12px}.form__label{display:block;font-family:inherit;font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:inherit;margin-bottom:10px}.form__input{width:100%;height:40px;padding-left:42px;border:1px solid rgba(33,33,33,.2);border-radius:4px;margin-top:4px;outline:none;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__input:focus{border-color:var(--accent-color)}.form__control{position:relative;display:block}.form__icon{position:absolute;left:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:currentColor;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__control:focus-within .form__icon{fill:var(--accent-color)}.form__textarea{display:block;margin-bottom:20px;font-size:12px;line-height:1.16;letter-spacing:.01em;color:var(--pale-color);cursor:pointer}.form__coment{padding:12px 16px;width:100%;height:120px;resize:none;font-size:12px;line-height:1.16;letter-spacing:.01em;border:1px solid rgba(33,33,33,.2);border-radius:4px;margin-top:4px;outline:none;-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form__coment:focus{border-color:var(--accent-color)}.form__coment::-webkit-input-placeholder{font-family:inherit;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__coment::-moz-placeholder{font-family:inherit;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__coment:-ms-input-placeholder{font-family:inherit;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__coment::-ms-input-placeholder{font-family:inherit;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.form__coment::placeholder{font-family:inherit;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}@media screen and (min-width: 768px){header{border-bottom:1px solid #ececec;max-width:100%}}@media screen and (min-width: 1200px){header{border-bottom:1px solid #ececec;max-width:100%}}.header__container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}.hero{max-width:1600px;height:400px;padding:118px 0;background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-phone.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-phone.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;margin:0 auto;width:100%}@media screen and (max-width: 479px){.hero{max-width:480px}}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-phone@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-phone@2x.jpg)}}@media screen and (min-width: 768px){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-tablet.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-tablet.jpg);width:768px}}@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{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero-tablet@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero-tablet@2x.jpg)}}@media screen and (min-width: 1200px){.hero{height:600px;padding:200px 0;background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero.jpg);max-width:1600px;width:100%}}@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{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/hero@2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero@2x.jpg)}}.hero__title{margin:0 auto;color:var(--white-color);font-family:inherit;font-weight:900;font-size:26px;line-height:1.62;letter-spacing:.06em;text-align:center;text-transform:uppercase}@media screen and (min-width: 768px){.hero__title{width:360px}}@media screen and (min-width: 1200px){.hero__title{width:696px;font-size:44px;line-height:1.36}}.join__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16px}.join__text{font-family:inherit;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;color:var(--white-color);text-transform:uppercase;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}@media screen and (min-width: 1200px){.join__text{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.join__social{width:44px;height:44px;color:var(--white-color);background-color:rgba(255,255,255,.1);border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.join__social:hover{color:var(--white-color);background-color:var(--accent-color)}.join__social:focus{color:var(--white-color);background-color:var(--accent-color)}.join__icon{fill:currentColor}.join{margin-bottom:60px}@media screen and (min-width: 1200px){.join{margin-bottom:0}}.logo{padding-top:24px;padding-bottom:24px;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--logo-color);font-family:"Raleway",sans-serif;font-weight:700;font-size:24px;line-height:1.17;letter-spacing:.03em;text-decoration:none}@media screen and (min-width: 768px){.logo{font-size:26px;line-height:1.19}}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19}}.logo__accept{color:var(--accent-color)}.footer__logo{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;color:var(--white-color);font-family:"Raleway",sans-serif;font-style:normal;font-weight:700;font-size:24px;line-height:1.17;letter-spacing:.03em;text-decoration:none}@media screen and (min-width: 1200px){.footer__logo{font-size:26px;line-height:1.19}}.mobile-menu{position:absolute;top:0;left:0;width:100vw;height:100vh;padding:48px 40px;display:none;background-color:var(--white-color);z-index:1;padding:48px 0 48px 40px;-webkit-box-shadow:0px 4px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.08),0px 1px 3px rgba(0,0,0,.16);box-shadow:0px 4px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.08),0px 1px 3px rgba(0,0,0,.16)}.mobile-menu.is-open{display:block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mobile-menu__button-close{position:absolute;top:10px;right:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,0);border:none;cursor:pointer;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu__button-close:hover,.mobile-menu__button-close:focus{fill:var(--accent-color)}.mobile-menu_socials{text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline;-ms-flex-wrap:wrap;flex-wrap:wrap}.mobile-menu__social-link{text-decoration:none;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:var(--accent-color);margin-right:10px;margin-left:10px}.mobile-menu__social-item{font-style:normal;margin-bottom:32px}.mobile-menu__social-item::last-child{margin-bottom:0px}.mobile-menu__link{font-style:normal;font-weight:500;font-size:40px;line-height:1.18;text-align:center;letter-spacing:.02em;text-decoration:none;color:var(--title-color)}.mobile-menu__link:hover,.mobile-menu__link:focus{color:var(--accent-color)}.mobile-menu__link--current{color:var(--accent-color)}.mobile-menu__list{display:block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:32px;margin-bottom:auto}.mobile-menu__contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:64px}.mobile-menu__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mobile-menu__tel{font-weight:500;line-height:1.18;letter-spacing:.02em;text-decoration:none;text-decoration:none;color:var(--accent-color);font-size:20px;margin-bottom:32px}@media screen and (min-width: 480px){.mobile-menu__tel{font-size:34px}}.mobile-menu__tel-link{font-weight:500;line-height:1.18;letter-spacing:.02em;text-decoration:none;text-decoration:none;color:var(--accent-color);font-size:20px;margin-bottom:32px}@media screen and (min-width: 480px){.mobile-menu__tel-link{font-weight:500;font-size:34px;line-height:1.18;letter-spacing:.02em;text-decoration:none;text-decoration:none;color:var(--accent-color)}.mobile-menu__tel-link:hover,.mobile-menu__tel-link:focus{color:var(--accent-color)}}.mobile-menu__mail{margin-bottom:64px;font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em}.mobile-menu__mail-link{text-decoration:none;color:var(--primary-color)}.mobile-menu__mail-link:hover,.mobile-menu__mail-link:focus{color:var(--accent-color)}.modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);width:100%;max-width:450px;max-height:609px;background-color:var(--white-color);-webkit-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);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;-webkit-transition:scale 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:scale 250ms cubic-bezier(0.4, 0, 0.2, 1);padding:40px}@media screen and (min-width: 1200px){.modal{max-width:526px}}@media screen and (max-width: 660px){.modal{top:20px;-webkit-transform:translate(-50%, 0) scale(1);transform:translate(-50%, 0) scale(1)}}.backdrop{position:fixed;background-color:rgba(0,0,0,.2);position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:1;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 660px){.backdrop{overflow:scroll}}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.backdrop.is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(3);transform:translate(-50%, -50%) scale(3)}.navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.navigation__list{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:50px}@media screen and (min-width: 768px){.navigation__list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:88px}}@media screen and (min-width: 1200px){.navigation__list{margin-left:94px;display:-webkit-box;display:-ms-flexbox;display:flex}}.navigation__link{padding-top:32px;padding-bottom:32px;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--title-color);font-family:inherit;font-weight:500;font-size:14px;letter-spacing:.02em;text-decoration:none;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.navigation__link{line-height:1.17}}@media screen and (min-width: 1200px){.navigation__link{line-height:1.14}}.navigation__link:hover,.navigation__link:focus{color:var(--accent-color);fill:var(--accent-color)}.navigation__link--current{position:relative;color:var(--accent-color)}.navigation__link--current::after{content:"";display:block;position:absolute;height:4px;width:100%;border-radius:2px;left:0;bottom:-1px;background-color:var(--accent-color)}.portfolio{padding:94px 0}.portfolio__filter{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;gap:8px;margin-bottom:46px}@media screen and (min-width: 768px){.portfolio__filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:36px}}@media screen and (min-width: 1200px){.portfolio__filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:56px}}.portfolio__filter:nth-of-type(3n){margin-right:0px}.portfolio_button{padding:6px 22px;padding-bottom:6px;min-width:73px;margin-right:8px;color:var(--title-color);background-color:var(--filter-background-color);font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:1.63;letter-spacing:.03em;border-radius:4px;border-color:rgba(0,0,0,0);text-align:center;cursor:pointer;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio_button:hover{color:var(--white-color);background-color:var(--accent-color);-webkit-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);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);border-radius:4px}.portfolio_button:focus{color:var(--white-color);background-color:var(--accent-color);-webkit-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);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);border-radius:4px}.portfolio_button:nth-child(1){padding:6px 25px}.portfolio__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px){.portfolio__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}}.portfolio__card{display:block;width:450px;background-color:var(--white-color);border:1px solid #eee;overflow:hidden;-webkit-transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.portfolio__card{width:354px}}@media screen and (min-width: 1200px){.portfolio__card{width:370px}}.portfolio__card:hover{-webkit-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);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)}.portfolio__card:focus{-webkit-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);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)}.portfolio__title{margin-bottom:4px;color:var(--title-color);font-family:inherit;font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em}.portfolio__examples{padding:20px 24px;margin-right:0px}.portfolio__text{color:var(--primary-color);font-family:inherit;font-size:16px;line-height:1.88;letter-spacing:.03em}.portfolio__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(33,150,243,.9);-webkit-transform:translateY(100%);transform:translateY(100%);padding-top:63px;padding-left:24px;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__link:hover .portfolio__overlay,.portfolio__link:focus .portfolio__overlay{-webkit-transform:translateY(0);transform:translateY(0)}.portfolio__link{text-decoration:none}.portfolio__block{position:relative;overflow:hidden}.portfolio__description{font-family:inherit;font-style:normal;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:.03em;color:var(--white-color)}.subsribe{width:100%;max-width:450px}@media screen and (min-width: 768px){.subsribe{max-width:570px}}.subsribe__text{font-family:inherit;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;color:var(--white-color);text-transform:uppercase;margin-bottom:20px;text-align:center}@media screen and (min-width: 1200px){.subsribe__text{text-align:start}}.subsribe__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}@media screen and (min-width: 1200px){.subsribe__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:12px}}.subsribe__mail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:450px;width:100%;height:50px;border:1px solid rgba(255,255,255,.3);-webkit-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;background-color:rgba(0,0,0,0);padding-left:16px;font-family:inherit;font-size:16px;line-height:1.25;align-items:center;letter-spacing:.03em;color:rgba(255,255,255,.6);cursor:pointer}@media screen and (min-width: 480px)and (max-width: 767px){.subsribe__mail{width:450px}}@media screen and (min-width: 768px){.subsribe__mail{width:450px}}@media screen and (min-width: 1200px){.subsribe__mail{width:358px}}.subsribe__mail:focus{border-color:var(--accent-color);outline:var(--accent-color)}.team{padding:60px 0;background-color:var(--third-background-color)}@media screen and (min-width: 768px)and (max-width: 1199px){.team{padding:60px 0}}@media screen and (min-width: 1200px){.team{padding:94px 0}}.title{margin-bottom:30px;color:var(--title-color);font-family:inherit;font-weight:700;font-size:28px;line-height:1.18;letter-spacing:.03em;text-align:center}@media screen and (min-width: 1200px){.title{margin-bottom:50px;font-size:36px;line-height:1.17}}.team__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px}@media screen and (min-width: 768px){.team__list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}}/*# sourceMappingURL=main.min.css.map */