:root{--primary-text-color: #757575;--title-text-color: #212121;--accent-color: #2196f3;--primary-wight-color: #fff;--secondary-botton-color: #f5f4fa;--background-second: #f5f4fa}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}body{background-color:#fff;color:var(--primary-text-color);font-family:Roboto, sans-serif;font-size:14px}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section-title{margin-top:0;margin-bottom:30px;color:var(--title-text-color);font-size:28px;font-weight:700;line-height:1.16;letter-spacing:0.03em;text-align:center}@media screen and (min-width: 1200px){.section-title{margin-bottom:50px;font-size:36px}}img{display:block;max-width:100%;height:auto}ul{list-style:none;padding:0;margin:0}a{text-decoration:none;color:currentColor}h1,h2,h3,p,ul{margin:0;padding:0}.container{margin:0 auto;padding:0 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{color:var(--title-text-color);font-family:Raleway;font-weight:700;font-size:24px;line-height:1.17;text-decoration:none;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19}}.logo:hover{color:var(--accent-color)}.logo__accent{color:var(--accent-color)}.logo__header{display:inline-block;padding-top:26px;padding-bottom:16px;padding-top:16px}@media screen and (min-width: 768px){.logo__header{margin-right:88px;padding-top:26px;padding-bottom:25px}}@media screen and (min-width: 1200px){.logo__header{margin-right:93px;padding-top:24px;padding-bottom:24px}}.footer{color:var(--secondary-botton-color)}.logo__footer{color:#ffff;display:inline-block;margin-bottom:20px}.web{color:var(--accent-color)}button{border-style:none}.button-primary{border-radius:4px;padding:6px 22px;color:var(--primary-wight-color);background-color:var(--accent-color);-webkit-box-shadow:0px 2px 2px 0px #0000001f, 0px 1px 2px 0px #00000014,
 0px 3px 1px 0px #0000001a;box-shadow:0px 2px 2px 0px #0000001f, 0px 1px 2px 0px #00000014,
 0px 3px 1px 0px #0000001a;font-family:inherit;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:0.03em;text-align:center;cursor:pointer}.button-secondary{border-radius:4px;padding:6px 22px;min-width:130px;color:var(--title-text-color);background-color:var(--secondary-botton-color);font-family:inherit;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:0.03em;text-align:center;cursor:pointer;-webkit-transition-property:background-color, color, -webkit-box-shadow;transition-property:background-color, color, -webkit-box-shadow;transition-property:background-color, color, box-shadow;transition-property:background-color, color, box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.button-secondary:hover,.button-secondary:focus{color:var(--primary-wight-color);background-color:var(--accent-color);-webkit-box-shadow:0px 2px 2px 0px #0000001f, 0px 1px 2px 0px #00000014,
 0px 3px 1px 0px #0000001a;box-shadow:0px 2px 2px 0px #0000001f, 0px 1px 2px 0px #00000014,
 0px 3px 1px 0px #0000001a}.subscribe-button{border-radius:4px;padding-top:10px;padding-bottom:10px;padding-left:29px;padding-right:28px;color:var(--primary-wight-color);background-color:var(--accent-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);font-weight:700;font-size:16px;line-height:1.87;letter-spacing:0.03em;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.subscribe-button:hover,.subscribe-button:focus{-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.15) inset;box-shadow:0px 0px 10px rgba(0,0,0,0.15) inset}.send-button{border-radius:4px;padding:10px 20px;cursor:pointer;color:var(--primary-wight-color);background-color:var(--accent-color);font-weight:700;font-size:16px;line-height:1.87;letter-spacing:0.03em;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 305px){.send-button{padding:10px 56px}}.send-button:hover,.send-button:focus{-webkit-box-shadow:0px 2px 1px 0px #00000033, 0px 1px 1px 0px #00000024, 0px 1px 3px 0px #0000001F;box-shadow:0px 2px 1px 0px #00000033, 0px 1px 1px 0px #00000024, 0px 1px 3px 0px #0000001F}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;padding:94px 15px;overflow-y:scroll;opacity:1;visibility:visible;background-color:rgba(0,0,0,0.2);-webkit-transition-property:opacity, visibility;transition-property:opacity, visibility;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);z-index:10}.backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.backdrop.is-hidden .modal-wraper{-webkit-transform:translate(-50%, -50%) scale(0.8);transform:translate(-50%, -50%) scale(0.8)}.modal-wraper{top:100%;padding:40px;width:100%;cursor:pointer;background-color:#fff;-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)}@media screen and (min-width: 480px){.modal-wraper{position:absolute;max-width:450px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}}@media screen and (min-width: 1200px){.modal-wraper{max-width:528px}}.modal-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-self:center;background-color:#fff;border:1px solid rgba(0,0,0,0.1);cursor:pointer;-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-btn:hover,.modal-btn:focus{fill:#2196f3}.form-title{display:block;margin-bottom:12px;color:#212121;font-size:20px;font-weight:700;line-height:1.17;letter-spacing:0.03em;text-align:center}.form-group{position:relative;display:block;margin-bottom:10px;-webkit-transition-property:border, fill, color;transition-property:border, fill, color;-webkit-transition-duration:2500ms;transition-duration:2500ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.form-group:focus-within .form-input,.form-group:hover .form-input{border:1px solid #2196f3}.form-group:focus-within .form-icon,.form-group:hover .form-icon{fill:#2196f3}.form-group:focus-within .form-comment-input,.form-group:hover .form-comment-input{border:1px solid #2196f3}.form-group:focus-within .form-label,.form-group:hover .form-label{color:#2196f3}.form-group:focus-within .form-comment,.form-group:hover .form-comment{color:#2196f3}.form-policy{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;margin-bottom:30px}.form-label{margin-bottom:4px;display:block;font-size:12px;font-weight:400;line-height:1.17;letter-spacing:0.01em;text-align:left}.form-input{width:100%;padding:11px 11px 12px 35px;border-radius:4px;border:1px solid rgba(33,33,33,0.2);outline:transparent}.form-icon{position:absolute;bottom:11px;left:12px}.form-comment{margin-bottom:4px;display:block;font-size:12px;font-weight:400;line-height:1.17;letter-spacing:0.01em;text-align:left}.form-comment-input{display:block;resize:none;width:100%;padding:11px 11px 12px 12px;border-radius:4px;border:1px solid rgba(33,33,33,0.2);outline:transparent}textarea::-webkit-input-placeholder{color:rgba(117,117,117,0.5)}textarea:-ms-input-placeholder{color:rgba(117,117,117,0.5)}textarea::-ms-input-placeholder{color:rgba(117,117,117,0.5)}textarea::placeholder{color:rgba(117,117,117,0.5)}.form-policy-description{color:#757575;font-weight:400;font-size:12px;line-height:1.7}@media screen and (min-width: 1200px){.form-policy-description{font-size:14px;font-weight:400;line-height:1.7}}.policy-href{color:#2196f3;-webkit-text-decoration:underline #2196f3;text-decoration:underline #2196f3}.custom-checkbox{margin-right:7px;width:16px;height:15px;border-radius:2px;outline:2px solid #212121;outline-offset:-2px;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}.custom-checkbox-icon{opacity:0;-webkit-transition-property:opacity, background-color, outline;transition-property:opacity, background-color, outline;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.checkbox:checked+.custom-checkbox .custom-checkbox-icon{opacity:1}.checkbox:checked+.custom-checkbox{width:16px;height:15px;background-color:#2196f3;outline:1px solid rgba(33,33,33,0)}.page-header{border-bottom:1px solid #ececec}.header__container{position:relative}@media screen and (min-width: 768px){.header__container{display:-webkit-box;display:-ms-flexbox;display:flex}}.menu-button{position:absolute;top:10px;right:15px;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;padding:0;width:40px;height:40px;background-color:var(--primary-wight-color);cursor:pointer;border:none;background-color:transparent;z-index:10}@media screen and (min-width: 768px){.menu-button{display:none}}.header-menu__icon{fill:#000000;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header-menu__icon:hover,.header-menu__icon:focus{fill:var(--accent-color)}.header-menu__icon-cross{display:none}.menu-button.is-open .header-menu__icon-cross{display:block}.menu-button.is-open .header-menu__icon-menu{display:none}.header-menu{position:absolute;display:none;top:100%;left:0;width:100%;background-color:#ffff;padding:40px 48px;z-index:1}@media screen and (min-width: 768px){.header-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:static;padding:0}}.header-menu.is-open{display:block;top:0}@media screen and (min-width: 768px){.header-menu.is-open{display:-webkit-box;display:-ms-flexbox;display:flex;position:static;padding:0}}@media screen and (max-width: 767.9px){.nav{margin-bottom:301px}}@media screen and (min-width: 768px){.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex}}.nav__item:not(:last-child){margin-bottom:34px}@media screen and (min-width: 768px){.nav__item:not(:last-child){margin-right:50px;margin-bottom:0}}.nav__link{font-style:normal;color:var(--title-text-color);font-weight:500;font-size:40px;line-height:47px;letter-spacing:0.02;-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: 768px){.nav__link{display:block;padding-top:32px;padding-bottom:32px;font-size:14px;line-height:1.14}}.nav__link:hover,.nav__link:focus{color:var(--accent-color)}.nav__link--current{color:var(--accent-color);position:relative}@media screen and (min-width: 768px){.nav__link--current::after{position:absolute;content:"";display:block;bottom:-1px;width:100%;height:4px;border-radius:2px;background-color:#2196f3}}.contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media screen and (min-width: 768px){.contacts{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:auto}}@media screen and (min-width: 1200px){.contacts{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.contacts__item+.contacts__item{margin-bottom:32px}@media screen and (min-width: 768px){.contacts__item+.contacts__item{margin-bottom:0px}}@media screen and (min-width: 1200px){.contacts__item+.contacts__item{margin-left:50px;margin-bottom:0}}@media screen and (min-width: 768px){.contacts__item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.contacts__item:not(:last-child){margin-bottom:0}}.contacts__icon{margin-right:10px;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)}@media screen and (max-width: 767.9px){.contacts__icon{display:none}}.contacts__link-tel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:Var(--accent-color);font-style:normal;font-weight:500;font-size:34px;line-height:1.17;letter-spacing:0.02em;-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: 768px){.contacts__link-tel{color:var(--primary-text-color);font-size:12px;line-height:1.16}}@media screen and (min-width: 1200px){.contacts__link-tel{padding-top:32px;padding-bottom:32px;font-size:14px;line-height:1.14}}.contacts__link-tel:hover,.contacts__link-tel:focus{color:var(--accent-color)}.contacts__link-mail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--primary-text-color);font-style:normal;font-weight:500;font-size:24px;line-height:1.16;letter-spacing:0.02em;-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: 768px){.contacts__link-mail{font-size:12px;line-height:1.16}}@media screen and (min-width: 1200px){.contacts__link-mail{padding-top:32px;padding-bottom:32px;font-size:14px;line-height:1.14;margin-bottom:0}}.contacts__link-mail:hover,.contacts__link-mail:focus{color:var(--accent-color)}.header-menu__socials{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:64px}@media screen and (min-width: 768px){.header-menu__socials{display:none}}.header-menu__link{font-style:normal;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:0.02em;color:var(--accent-color)}.header-menu__item{padding-left:10px;padding-right:10px;border-right:1px solid rgba(33,33,33,0.2)}.header-menu__item:last-child{padding-right:0;border-right:none}.header-menu__item:first-child{padding-left:0}.hero{max-width:1600px;margin-left:auto;margin-right:auto;background-color:#2f303a;text-align:center;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/hero_sm.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero/hero_sm.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;padding-top:118px;padding-bottom:118px}@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/hero_sm@2x.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero/hero_sm@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/hero_md.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero/hero_md.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{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/hero_md@2x.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero/hero_md@2x.jpg)}}@media screen and (min-width: 1200px){.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/hero_lg.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero/hero_lg.jpg)}}@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/hero_lg@2x.jpg);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/hero/hero_lg@2x.jpg)}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px}}.hero-title{margin-bottom:30px;color:var(--primary-wight-color);font-size:26px;font-weight:900;line-height:1.6;letter-spacing:0.06em;text-align:center}@media screen and (min-width: 1200px){.hero-title{font-weight:900;font-size:44px;line-height:1.36;text-align:center;vertical-align:Top;letter-spacing:0.06em}}.button{border-radius:4px;padding:10px 32px;color:var(--primary-wight-color);background-color:var(--accent-color);font-family:inherit;font-weight:700;font-size:16px;line-height:1.87;letter-spacing:0.03em;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.button:hover,.button:focus{-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.15) inset;box-shadow:0px 0px 10px rgba(0,0,0,0.15) inset}@media screen and (min-width: 768px){.feature-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}.feature-list__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;margin-bottom:30px;height:120px;background-color:#f5f4fa}@media screen and (min-width: 768px){.feature-list__item{width:calc((100% - 2*30px) / 2);margin:15px}}@media screen and (min-width: 1200px){.feature-list__item{width:calc((100% - 4*30px) / 4)}}@media screen and (max-width: 767px){.feature-list__item:not(:last-child){margin-bottom:30px}}.feature-list__title{color:var(--title-text-color);font-size:14px;font-weight:700;line-height:1.17;letter-spacing:0.03em}@media screen and (min-width: 480px){.feature-list__title{text-align:center}}@media screen and (min-width: 768px){.feature-list__title{text-align:left}}.feature-list__text{margin-top:10px;font-size:14px;font-weight:400;line-height:1.7}@media screen and (max-width: 1199px){.units-section{display:none}}.units{display:-webkit-box;display:-ms-flexbox;display:flex}img{display:block;max-width:100%;height:auto}.units__item{position:relative;width:calc((100% - 60px) / 3);margin-right:30px}.units__item:last-child{margin-right:0}.units__item::before{position:absolute;content:"";display:block;width:100%;height:70px;bottom:0;right:0;background-color:rgba(47,48,58,0.8)}.units-list{margin-top:50px}.units-section{padding-top:0}.units__text{position:absolute;bottom:0;left:0;width:100%;padding-top:27px;padding-bottom:27px;color:#fff;font-size:14px;font-weight:700;line-height:1.17;text-align:center}.team{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:-15px}.team__item{background-color:var(--primary-wight-color);-webkit-box-shadow:0px 2px 1px 0px #00000033, 0px 2px 1px 0px #00000033,
 0px 1px 3px 0px #0000001f;box-shadow:0px 2px 1px 0px #00000033, 0px 2px 1px 0px #00000033,
 0px 1px 3px 0px #0000001f;margin:15px}@media screen and (min-width: 768px){.team__item{-ms-flex-preferred-size:calc((100% - 60px) / 2);flex-basis:calc((100% - 60px) / 2)}}@media screen and (min-width: 1200px){.team__item{-ms-flex-preferred-size:calc((100% - 120px) / 4);flex-basis:calc((100% - 120px) / 4)}}@media screen and (min-width: 768px){.team__img{width:354px;height:374px}}@media screen and (min-width: 1200px){.team__img{width:270px;height:260px}}.team__title{color:var(--title-text-color);font-size:16px;font-weight:500;line-height:1.18;text-align:center}.team__text{margin-top:10px;margin-bottom:16px;font-size:16px;line-height:1.18;text-align:center}.team__employee{padding-top:30px;padding-bottom:30px}.team-group{background-color:var(--background-second)}.socials{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}.socials__link{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:44px;height:44px;background-color:#ffffff;border-radius:50%;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.socials__link:hover,.socials__link:focus{background-color:var(--accent-color)}.socials__item:not(:last-child){margin-right:10px}.socials-icon{fill:#afb1b8;-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.socials__link:hover ~ .socials-icon,.socials__link:focus ~ .socials-icon{fill:#ffffff}.client{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}.client__logo{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;border:1px solid #afb1b8;border-radius:4px;color:#afb1b8;-webkit-transition-property:border, color;transition-property:border, color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);height:92px}.client__logo:hover,.client__logo:focus{border:1px solid var(--accent-color);color:var(--accent-color)}@media screen and (min-width: 1200px){.client__logo{width:170px}}.client__icon{fill:currentColor}.client__item{-ms-flex-preferred-size:calc((100% - 60px) / 2);flex-basis:calc((100% - 60px) / 2);margin:15px}@media screen and (min-width: 768px){.client__item{-ms-flex-preferred-size:calc((100% - 90px) / 3);flex-basis:calc((100% - 90px) / 3)}}@media screen and (min-width: 1200px){.client__item{-ms-flex-preferred-size:calc((100% - 180px) / 6);flex-basis:calc((100% - 180px) / 6)}}.last{padding:60px 0;background-color:#2f303a}.position{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}@media screen and (min-width: 768px){.position{-ms-flex-pack:distribute;justify-content:space-around}}@media screen and (min-width: 1200px){.position{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.contact{display:block;text-align:center}@media screen and (max-width: 767.9px){.contact{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}@media screen and (min-width: 1200px){.contact{margin-right:70px;text-align:left}}@media screen and (max-width: 1199px){.contact{margin-bottom:60px}}.footer{color:var(--secondary-botton-color)}.footer-item:not(:last-child){margin-bottom:9px}address{margin-top:20px}.footer .adress{background-color:#2f303a;color:var(--primary-wight-color);line-height:1.7;font-style:normal;text-decoration:none}.footer .auth{background-color:#2f303a;color:var(--primary-text-color);line-height:1.7;font-style:normal;text-decoration:none}.join{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 767.5px){.join{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:60px}}@media screen and (min-width: 768px){.join{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width: 1200px){.join{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-right:93px}}.socials-link{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:44px;height:44px;background-color:#ffffff;border-radius:50%}.socials-item:not(:last-child){margin-right:10px}.join .socials-link{background-color:#ffffff1a;color:var(--primary-wight-color);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.join .socials-link:hover,.join .socials-link:focus{background-color:#2196f3}.join .socials-icon{fill:currentColor}.subscribe{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}@media screen and (min-width: 1200px){.subscribe{width:570px;margin-left:auto;text-align:start}}.join-title{display:block;margin-bottom:20px;color:var(--primary-wight-color);font-size:14px;font-weight:700;line-height:1.14;letter-spacing:0.03em;text-align:center}@media screen and (min-width: 1200px){.join-title{text-align:left}}.subscribe-block{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}@media screen and (max-width: 1199.98px){.subscribe-block{-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}}.subscribe-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:450px;width:100%;height:50px;padding:15px 16px;font-size:16px;line-height:1.25;color:#fff;background-color:#2f303a;border:1px solid rgba(255,255,255,0.3);border-radius:4px;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);outline:transparent;-webkit-transition-property:border;transition-property:border;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 1199.98px){.subscribe-form{margin-bottom:20px}}@media screen and (min-width: 480px) and (max-width: 1199.98px){.subscribe-form{width:450px}}@media screen and (min-width: 1200px){.subscribe-form{margin-right:12px;width:358px}}.subscribe-form:hover,.subscribe-form:focus{border:1px solid #fff}.subscribe-icon{margin-left:10px;stroke-width:1px}.subscribe-btn-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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;margin-bottom:40px}@media screen and (min-width: 768px){.filter{margin-bottom:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.filter{margin-bottom:50px}}@media screen and (max-width: 767.5px){.filter__item:not(:nth-last-child(-n+2)){margin-bottom:15px}}.filter__item:not(:last-child){margin-right:8px}.filter .title{color:var(--title-text-color);font-weight:700;font-size:18px;line-height:1.7;letter-spacing:0.06em}.filter-text{font-size:16px;line-height:1.6}@media screen and (min-width: 768px){.portfolio{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}.portfolio__item{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@media screen and (min-width: 768px){.portfolio__item{-ms-flex-preferred-size:calc((100% - 30px * 2) / 2);flex-basis:calc((100% - 30px * 2) / 2);margin:15px}}@media screen and (min-width: 1200px){.portfolio__item{-ms-flex-preferred-size:calc((100% - 30px * 3) / 3);flex-basis:calc((100% - 30px * 3) / 3);margin:15px}}@media screen and (max-width: 767.9px){.portfolio__item:not(:last-child){margin-bottom:30px}}.portfolio__link{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%;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__link:hover,.portfolio__link:focus{-webkit-box-shadow:1px 4px 6px 0px #00000029, 0px 4px 4px 0px #0000000f,
 0px 1px 1px 0px #0000001f;box-shadow:1px 4px 6px 0px #00000029, 0px 4px 4px 0px #0000000f,
 0px 1px 1px 0px #0000001f}@media screen and (min-width: 768px){.portfolio__img{width:354px;height:294px}}@media screen and (min-width: 1200px){.portfolio__img{width:370px;height:2940px}}.card__sector{margin-top:4px;color:#757575;font-size:16px;font-weight:400;line-height:1.87;letter-spacing:0.03em}.card{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:1px solid #eeeeee;padding:20px 24px;line-height:1.9}.card__title{margin-top:0px;margin-bottom:0;color:var(--title-text-color);font-size:18px;font-weight:700;line-height:2;letter-spacing:0.06em}.portfolio__animation{position:relative;overflow:hidden}.portfolio__overlay{position:absolute;top:0;left:0;width:100%;height:101%;background-color:rgba(33,150,243,0.9);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition-property:-webkit-transform, -webkit-box-shadow;transition-property:-webkit-transform, -webkit-box-shadow;transition-property:transform, box-shadow;transition-property:transform, box-shadow, -webkit-transform, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function: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);opacity:1}.portfolio__discription{position:absolute;top:0;left:0;padding:64px 24px;font-size:18px;font-weight:400;line-height:1.55;text-align:left;letter-spacing:0.03em;color:#ffffff}
/*# sourceMappingURL=main.min.css.map */