ul,li{margin:0;padding:0;list-style:none}a,h1,h2,h3,p{margin:0}.studio.current,.portfolio.current,.contacts.current{color:var(--brand-blue)}img{display:block;width:100%;height:auto}body{font-family:"Roboto",sans-serif;color:var(--brand-body);font-size:14px;font-weight:400;line-height:1.7142857143;letter-spacing:.03em;font-style:normal}.container{padding-left:15px;padding-right:15px;width:100%;margin:0 auto}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}:root{--brand-body: #757575;--brand-blue: #2196f3;--brand-black: #212121;--brand-white: #ffffff;--button-main-color: #188ce8;--brand-background: #2f303a;--brand-background2: #f5f4fa;--brand-logo: #000000;--brand-color-border: #eeeeee;--color-border-grey: #afb1b8;--brand-footer: rgba(255, 255, 255, 0.6);--hero-background-fon: rgba(47, 48, 58, 0.4);--background-position: rgba(47, 48, 58, 0.8);--background-position-portfolio: rgba(33, 150, 243, 0.9);--timing-function: cubic-bezier(0.4, 0, 0.2, 1);--timer: 250ms}.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}.button-menu,.button-mobile.is-open,.modal-small-button,.team-social__link,.modal-checkbox__icon,.comment,.modal-field__icon,.modal-field__input,.footer-soc__link,.footer-contacts__address,.footer-contacts__link,.clients-list__link,.link,.contacts__link,.nav-list__link{-webkit-transition-property:color,border,fill,background-color,-webkit-box-shadow;transition-property:color,border,fill,background-color,-webkit-box-shadow;transition-property:color,border,fill,background-color,box-shadow;transition-property:color,border,fill,background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--timer);transition-duration:var(--timer);-webkit-transition-timing-function:var(--timing-function);transition-timing-function:var(--timing-function)}.set-box__img,.footer-contacts__address,.footer-contacts__link,.link,.contacts__link,.nav-list__link,.logo{text-decoration:none}.modal-button,.button-footer,.button-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;background-color:var(--brand-blue);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);color:var(--brand-white);font-weight:700;font-size:16px;line-height:1.875;letter-spacing:.06em;border-radius:4px;border:none;margin-left:auto;margin-right:auto;cursor:pointer;-webkit-transition:background-color --var(--timer) var(--timing-function);transition:background-color --var(--timer) var(--timing-function)}.logo{font-family:raleway;color:var(--brand-logo);font-weight:700;font-size:26px;line-height:1.19}.logo-color{color:var(--brand-blue)}.logo-color2{color:var(--brand-white);margin-bottom:10px}.nav-menu{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}@media screen and (max-width: 767px){.nav-menu{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-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:15px;padding-bottom:15px}}.header-nav{width:100%;border-bottom:1px solid #ececec}@media screen and (min-width: 1200px){.header-nav{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}}@media screen and (max-width: 767px){.nav-list{margin-bottom:306px}}@media screen and (min-width: 768px){.nav-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;text-align:center;margin-left:51px;margin-right:96px;margin-bottom:0px}}@media screen and (min-width: 1200px){.nav-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;margin-left:93px;margin-right:315px}}.nav-list__link{display:block;padding-top:32px;padding-bottom:32px;color:var(--brand-black);font-weight:500;font-size:14px;line-height:1.1;letter-spacing:.02em;position:relative}@media screen and (max-width: 767px){.nav-list__link{font-family:"Roboto";font-size:40px;padding:0}}.nav-list__link:hover,.nav-list__link:focus{color:var(--brand-blue)}.nav-list__link::after{content:"";display:block;width:100%;height:4px;background-color:var(--brand-blue);position:absolute;bottom:-1px;border-radius:2px;opacity:0}@media screen and (min-width: 768px)and (max-width: 1199px){.nav-list__link::after{bottom:-6px}}@media screen and (min-width: 768px){.nav-list__link.current::after{opacity:1}}@media screen and (max-width: 767px){.nav-list__item:not(:last-child){margin-bottom:32px}}@media screen and (min-width: 768px){.nav-list__item:not(:last-child){margin-right:50px}}@media screen and (max-width: 767px){.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;margin-bottom:64px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media screen and (min-width: 768px){.contacts{padding:21px 0;text-align:left}}@media screen and (min-width: 1200px){.contacts{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:93px;text-align:center;margin-left:auto}}@media screen and (max-width: 767px){.contacts__item:not(:first-child){margin-bottom:32px}}@media screen and (min-width: 1200px){.contacts__item+.contacts__item{margin-left:30px}}.contacts__link:hover,.contacts__link:focus{color:var(--brand-blue)}.link,.contacts__link{line-height:1.1;font-weight:500;letter-spacing:.02em}@media screen and (max-width: 767px){.link,.contacts__link{color:var(--brand-body);font-size:24px}}@media screen and (min-width: 768px){.link,.contacts__link{color:var(--brand-body);font-size:14px}}@media screen and (max-width: 767px){.contacts__nomber{color:var(--brand-blue);font-size:34px}}.contacts__svg{fill:currentColor;margin-right:10px;vertical-align:middle;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){.contacts__svg{display:none}}@media screen and (min-width: 768px){.contacts__svg{margin-right:8px}}.soc-menu{display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--brand-blue)}@media screen and (min-width: 768px){.soc-menu{display:none}}.soc-menu__link{font-size:18px;color:var(--brand-blue)}@media screen and (max-width: 479px){.soc-menu__link{font-size:16px}}.soc-menu__item:not(:last-child):after{content:"";width:2px;height:22px;margin-left:10px;margin-right:10px;border:1px solid rgba(33,33,33,.2)}.hero{background-color:var(--brand-background);padding-top:200px;padding-bottom:280px;text-align:center;max-width:1600px;margin-left:auto;margin-right:auto;background-position:center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 767px){.hero{padding-top:118px;padding-bottom:118px;background-image:-webkit-gradient(linear, left top, right top, from(var(--hero-background-fon)), to(var(--hero-background-fon))),url("../images/hero/mob/hero@x1.jpg");background-image:linear-gradient(to right, var(--hero-background-fon), var(--hero-background-fon)),url("../images/hero/mob/hero@x1.jpg")}}@media screen and (max-width: 767px)and (min-device-pixel-ratio: 2),screen and (max-width: 767px)and (-webkit-min-device-pixel-ratio: 2),screen and (max-width: 767px)and (min-resolution: 192dpi),screen and (max-width: 767px)and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(var(--hero-background-fon)), to(var(--hero-background-fon))),url("../images/hero/mob/hero@x2.jpg");background-image:linear-gradient(to right, var(--hero-background-fon), var(--hero-background-fon)),url("../images/hero/mob/hero@x2.jpg")}}@media screen and (max-width: 767px)and (min-device-pixel-ratio: 3),screen and (max-width: 767px)and (-webkit-min-device-pixel-ratio: 3),screen and (max-width: 767px)and (min-resolution: 288dpi),screen and (max-width: 767px)and (min-resolution: 3dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(var(--hero-background-fon)), to(var(--hero-background-fon))),url("../images/hero/mob/hero@x3.jpg");background-image:linear-gradient(to right, var(--hero-background-fon), var(--hero-background-fon)),url("../images/hero/mob/hero@x3.jpg")}}@media screen and (min-width: 768px)and (max-width: 1199px){.hero{padding-top:118px;padding-bottom:118px;background-image:-webkit-gradient(linear, left top, right top, from(var(--hero-background-fon)), to(var(--hero-background-fon))),url("../images/hero/tab/hero@x1.jpg");background-image:linear-gradient(to right, var(--hero-background-fon), var(--hero-background-fon)),url("../images/hero/tab/hero@x1.jpg")}}@media screen and (min-width: 768px)and (max-width: 1199px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (max-width: 1199px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 768px)and (max-width: 1199px)and (min-resolution: 192dpi),screen and (min-width: 768px)and (max-width: 1199px)and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(var(--hero-background-fon)), to(var(--hero-background-fon))),url("../images/hero/tab/hero@x2.jpg");background-image:linear-gradient(to right, var(--hero-background-fon), var(--hero-background-fon)),url("../images/hero/tab/hero@x2.jpg")}}@media screen and (min-width: 768px)and (max-width: 1199px)and (min-device-pixel-ratio: 3),screen and (min-width: 768px)and (max-width: 1199px)and (-webkit-min-device-pixel-ratio: 3),screen and (min-width: 768px)and (max-width: 1199px)and (min-resolution: 288dpi),screen and (min-width: 768px)and (max-width: 1199px)and (min-resolution: 3dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(var(--hero-background-fon)), to(var(--hero-background-fon))),url("../images/hero/tab/hero@x3.jpg");background-image:linear-gradient(to right, var(--hero-background-fon), var(--hero-background-fon)),url("../images/hero/tab/hero@x3.jpg")}}@media screen and (min-width: 1200px){.hero{background-image:-webkit-gradient(linear, left top, right top, from(var(--hero-background-fon)), to(var(--hero-background-fon))),url("../images/hero/desktop/1x.webp");background-image:linear-gradient(to right, var(--hero-background-fon), var(--hero-background-fon)),url("../images/hero/desktop/1x.webp")}}@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(var(--hero-background-fon)), to(var(--hero-background-fon))),url("../images/hero/desktop/2x.webp");background-image:linear-gradient(to right, var(--hero-background-fon), var(--hero-background-fon)),url("../images/hero/desktop/2x.webp")}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 3),screen and (min-width: 1200px)and (-webkit-min-device-pixel-ratio: 3),screen and (min-width: 1200px)and (min-resolution: 288dpi),screen and (min-width: 1200px)and (min-resolution: 3dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(var(--hero-background-fon)), to(var(--hero-background-fon))),url("../images/hero/desktop/3x.webp");background-image:linear-gradient(to right, var(--hero-background-fon), var(--hero-background-fon)),url("../images/hero/desktop/3x.webp")}}.hero-title{color:var(--brand-white);font-weight:900;font-size:44px;line-height:1.61;letter-spacing:.06em;text-transform:uppercase;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:40px;max-width:696px;text-align:center}@media screen and (max-width: 1199px){.hero-title{font-size:26px;max-width:360px}}.activity{padding-bottom:94px}@media screen and (max-width: 1199px){.activity{display:none}}.activity-title{color:var(--brand-black);font-weight:700;font-size:36px;line-height:1.16;letter-spacing:.03em;margin-bottom:50px;text-align:center}.activity-list__text{font-weight:700;font-size:14px;line-height:1.1428571429;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:var(--brand-white)}.activity-list__element{position:relative}.activity-list__element p{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:var(--background-position);width:100%;height:70px;position:absolute;bottom:0;right:0}.activity-list{display:-webkit-box;display:-ms-flexbox;display:flex}.activity-list__item:not(:last-child),.clients-list .item:not(:last-child){margin-right:30px}@media screen and (max-width: 1199px){.clients{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.clients{padding-top:94px;padding-bottom:94px}}.clients-title{font-weight:700;line-height:42px;text-align:center;letter-spacing:.03em;color:var(--brand-black)}@media screen and (min-width: 480px){.clients-title{font-size:28px;margin-bottom:30px}}@media screen and (min-width: 1200px){.clients-title{font-size:36px;margin-bottom:50px}}@media screen and (max-width: 767px){.clients-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 768px){.clients-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.clients-list__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;border:1px solid var(--color-border-grey);border-radius:4px;height:92px;fill:var(--color-border-grey)}@media screen and (min-width: 480px)and (max-width: 767px){.clients-list__link{width:210px}}@media screen and (min-width: 1200px){.clients-list__link{width:170px}}.clients-list__link:hover,.clients-list__link:focus,.clients-list__link .clients-list__icon:focus{border:1px solid var(--brand-blue);outline:none;fill:var(--brand-blue)}.clients-list__item{margin:15px}@media screen and (min-width: 480px)and (max-width: 767px){.clients-list__item{-ms-flex-preferred-size:calc((100% - 60px)/2);flex-basis:calc((100% - 60px)/2)}}@media screen and (min-width: 768px)and (max-width: 1199px){.clients-list__item{-ms-flex-preferred-size:calc(33.3333333333% - 30px);flex-basis:calc(33.3333333333% - 30px)}}@media screen and (min-width: 1200px){.clients-list__item{display:inline-block}}.clients-list__link:hover,.clients-list__icon:hover{fill:var(--brand-blue)}.feature{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.feature{padding-top:94px;padding-bottom:94px}}@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}}@media screen and (min-width: 1200px){.feature-list{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 768px){.feature-list__item{margin:0 15px 15px;width:calc((100% - 60px)/2)}}@media screen and (min-width: 1200px){.feature-list__item{width:270px}}@media screen and (max-width: 767px){.feature-list__item:not(:last-child){margin-bottom:30px}}.feature-list__svg{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;height:120px;width:100%;margin-bottom:30px;background-color:var(--brand-background2);border-radius:4px}.feature-list__svg:not(:last-child){margin-right:30px}.feature-lable{color:var(--brand-black);font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;margin-bottom:10px}@media screen and (max-width: 767px){.feature-lable{text-align:center}}.feature-text{line-height:1.714;letter-spacing:.03em;text-align:left}.footer{padding-top:60px;padding-bottom:60px;background:var(--brand-background)}.footer-contacts__link{font-style:normal;color:var(--brand-footer);margin-bottom:9px}.footer-contacts__link:hover,.footer-contacts__link:focus{color:var(--brand-blue)}.footer-contacts__address{color:var(--brand-white);font-style:normal}.footer-contacts__address:hover,.footer-contacts__address:focus{color:var(--brand-blue)}.logo-footer{display:block;margin-bottom:20px}@media screen and (max-width: 767px){.logo-footer{text-align:center}}@media screen and (min-width: 768px){.footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-preferred-size:calc((100% - 45px)/2);flex-basis:calc((100% - 45px)/2)}}@media screen and (min-width: 768px){.footer-contacts{margin-left:76px;margin-right:165px;margin-bottom:60px;text-align:center}}@media screen and (min-width: 1200px){.footer-contacts{margin-left:0;margin-bottom:10px;margin-right:93px}}.footer-contacts-list{display:block}@media screen and (max-width: 767px){.footer-contacts-list{text-align:center;margin-bottom:60px}}.footer-contacts-list__item:not(:last-child){margin-bottom:9px}@media screen and (max-width: 767px){.footer-soc{text-align:center;margin-bottom:60px}}@media screen and (min-width: 768px){.footer-soc{text-align:center;margin-right:auto}}@media screen and (min-width: 1200px){.footer-soc{text-align:left;margin-right:93px}}@media screen and (min-width: 1200px){.footer-form{display:-webkit-box;display:-ms-flexbox;display:flex}}.footer-form__text,.footer-soc__text{display:inline-block;font-weight:700;line-height:1.1428571429;text-transform:uppercase;color:var(--brand-white);margin-bottom:20px;margin-left:0px;margin-right:0px}.footer-form-box{margin-left:auto;margin-right:auto}@media screen and (max-width: 1199px){.footer-form-box{text-align:center}}.footer-soc-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer-soc__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;border-radius:50%;background-color:rgba(255,255,255,.1)}.footer-soc-list__item:not(:last-child){margin-right:10px}.footer-soc__link:hover,.footer-soc__link:focus{background-color:var(--brand-blue)}.footer-soc__icon{fill:var(--brand-white)}.footer-form__input{width:358px;height:50px;color:var(--brand-white);padding:15px 15px 15px 16px;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;margin-right:12px;background-color:var(--brand-background)}@media screen and (max-width: 767px){.footer-form__input{width:100%;margin-bottom:20px;margin-right:0px}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer-form__input{width:450px;margin-bottom:20px;margin-right:0px}}.footer-form__input::-webkit-input-placeholder{font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-form__input::-moz-placeholder{font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-form__input:-ms-input-placeholder{font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-form__input::-ms-input-placeholder{font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer-form__input::placeholder{font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);-webkit-transition:opacity 250ms var(--timing-function);transition:opacity 250ms var(--timing-function);opacity:1;z-index:3;overflow-y:scroll}.backdrop.is-hidden{opacity:0;pointer-events:none}.backdrop.is-hidden .modal{-webkit-transform:translate(-50%, -70%) scale(1.1);transform:translate(-50%, -70%) scale(1.1)}.modal{position:absolute;padding:40px;left:50%;top:50%;width:95%;height:95%;max-height:609px;background:var(--brand-white);-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-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:-webkit-transform 250ms var(--timing-function);transition:-webkit-transform 250ms var(--timing-function);transition:transform 250ms var(--timing-function);transition:transform 250ms var(--timing-function), -webkit-transform 250ms var(--timing-function);opacity:1}@media screen and (max-width: 1199px){.modal{max-width:450px;overflow:scroll}}@media screen and (min-width: 1200px){.modal{top:35%;width:528px;height:581px}}.modal-title{font-weight:700;font-size:20px;line-height:1.15;letter-spacing:.03em;margin-bottom:12px;text-align:center;color:var(--brand-black)}@media screen and (max-width: 1199px){.modal-title{margin-bottom:26px}}.modal-field{position:relative;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal-field-coment{margin-bottom:20px}.modal-field__input{height:40px;padding-left:42px;border:1px solid rgba(33,33,33,.2);border-radius:4px}.modal-field__label{display:block;line-height:1.1666666667;letter-spacing:.01em;margin-bottom:4px;font-size:12px}.modal-field__icon{position:absolute;top:65%;left:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition-property:fill;transition-property:fill}.modal-field__input:hover+.modal-field__icon,.modal-field:focus-within>.modal-field__icon{fill:var(--brand-blue)}.modal-field__input:hover,.modal-field__input:focus,.comment:hover,.comment:focus{outline:var(--button-main-color);border:1px solid var(--brand-blue);border-color:var(--brand-blue);border-radius:4px;cursor:pointer}.modal-field textarea::-webkit-input-placeholder{font-size:12px;font-weight:400;line-height:1.1666666667;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-field textarea::-moz-placeholder{font-size:12px;font-weight:400;line-height:1.1666666667;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-field textarea:-ms-input-placeholder{font-size:12px;font-weight:400;line-height:1.1666666667;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-field textarea::-ms-input-placeholder{font-size:12px;font-weight:400;line-height:1.1666666667;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal-field textarea::placeholder{font-size:12px;font-weight:400;line-height:1.1666666667;letter-spacing:.01em;color:rgba(117,117,117,.5)}.comment{width:100%;min-height:120px;padding:12px 16px;resize:none;border:1px solid rgba(33,33,33,.2);border-radius:4px}.dogovor{margin-left:2px;color:var(--brand-blue)}.modal-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;margin-bottom:31px}@media screen and (max-width: 1199px){.modal-checkbox{font-size:12px}}.modal-checkbox__input{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.modal-checkbox__icon{display:inline-block;width:16px;height:15px;border:2px solid var(--brand-black);border-radius:2px;margin-right:7px}.modal-checkbox__input:checked+.modal-checkbox__icon{border-color:var(--brand-blue);background-color:var(--brand-blue);background-image:url("../images/check.svg");background-size:contain;background-origin:border-box}.team{padding-top:60px;padding-bottom:60px;background-color:var(--brand-background2)}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team-title{color:var(--brand-black);font-weight:700;font-size:28px;line-height:1.17;letter-spacing:.03em;margin-bottom:30px;text-align:center}@media screen and (min-width: 1200px){.team-title{font-size:36px;margin-bottom:50px}}@media screen and (min-width: 768px){.team-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}@media screen and (min-width: 1200px){.team-list{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 1200px){.team-list__item .photo{margin-bottom:0px}}.team-list__item{background-color:var(--brand-white);-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}@media screen and (min-width: 480px){.team-list__item{margin-bottom:30px}}@media screen and (min-width: 768px){.team-list__item{margin:15px;width:calc((100% - 60px)/2)}}@media screen and (min-width: 1200px){.team-list__item{margin:15px;-ms-flex-preferred-size:calc((100% - 120px)/4);flex-basis:calc((100% - 120px)/4)}}.team-list_lable{color:var(--brand-black);font-weight:500;font-size:16px;line-height:1.187;letter-spacing:.03em;margin-bottom:10px}.team-list__text{font-size:16px;line-height:1.187;letter-spacing:.03em}.team-list__social{padding-top:30px;padding-bottom:24px;text-align:center}@media screen and (min-width: 1200px){.team-list__social{padding-bottom:30px}}.team-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16px}.team-social__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;border-radius:50%;background-color:var(--brand-white);fill:var(--color-border-grey);-webkit-transition-property:background-color,fill;transition-property:background-color,fill}.team-social__link:focus,.team-social__link:hover{outline:none;fill:var(--brand-white);background-color:var(--button-main-color)}.team-social__item:not(:last-child){margin-right:10px;margin-bottom:0px}.portfolio{padding:60px 0 60px 0}@media screen and (min-width: 1200px){.portfolio{padding:94px 0 94px 0}}@media screen and (min-width: 768px){.set-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}@media screen and (min-width: 1200px){.set-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}.set-box__item{margin-bottom:30px}@media screen and (min-width: 768px)and (max-width: 1199px){.set-box__item{-ms-flex-preferred-size:calc((100% - 60px)/2);flex-basis:calc((100% - 60px)/2);margin:15px}}@media screen and (min-width: 1200px){.set-box__item{-ms-flex-preferred-size:calc((100% - 90px)/3);flex-basis:calc((100% - 90px)/3);margin:15px}}.set-box__img{display:block}.set-box__img:hover,.set-box__img: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)}.set-box__text{font-weight:400;font-size:18px;line-height:1.5555555556;letter-spacing:.03em;color:var(--brand-white)}.set-box__img{position:relative;overflow:hidden}.set-box__position{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:var(--background-position-portfolio);width:100%;height:100%;position:absolute;bottom:0;padding:63px 24px;-webkit-transform:translateY(101%);transform:translateY(101%);-webkit-transition:-webkit-transform 250ms var(--timing-function);transition:-webkit-transform 250ms var(--timing-function);transition:transform 250ms var(--timing-function);transition:transform 250ms var(--timing-function), -webkit-transform 250ms var(--timing-function)}.set-box__item:hover .set-box__position{-webkit-transform:translateY(0%);transform:translateY(0%)}.card-box{padding:20px 24px;text-align:left;border:1px solid var(--brand-color-border);border-top:none}.card-box__title{margin-bottom:4px;font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--brand-black)}.card-box__text{font-size:16px;line-height:1.875;letter-spacing:.03em;color:var(--brand-body)}@media screen and (min-width: 768px)and (max-width: 1199px){.card-box__fix{padding-bottom:55px}}.button-hero{padding:10px 32px}.button-hero:hover,.button-hero:focus{background:var(--button-main-color)}.button-footer{width:200px;height:50px;padding:10px 10px 10px 28px}.button-footer__icon{fill:var(--brand-white);margin-left:10px}.modal-small-button{position:absolute;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:30px;height:30px;border-radius:50%;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;top:8px;right:8px;border:1px solid rgba(0,0,0,.1);background-color:var(--brand-white);fill:var(--brand-logo);cursor:pointer}.modal-small-button:hover .modal-button__icon,.modal-small-button:focus .modal-button__icon{fill:var(--brand-blue)}.modal-button{width:200px;height:50px;padding:10px 52px;margin-bottom:-31px}.button-footer:hover,.button-footer:focus,.modal-button:focus,.modal-button:hover{background:var(--button-main-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}.button-mobile{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;border:none;background-color:rgba(0,0,0,0)}@media screen and (min-width: 768px){.button-mobile{display:none}}.button-mobile__cross{display:none}.button-mobile.is-open .button-mobile__cross{display:block}.button-mobile.is-open .button-mobile__menu{display:none}.menu-container.is-open{display:block;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width: 767px){.menu-container{position:fixed;z-index:1;top:0;left:0;width:100%;height:844px;padding:48px 40px;background:#fff;-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);overflow:auto;-webkit-transform:translateY(-101%);transform:translateY(-101%);-webkit-transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 350ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 350ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 350ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 350ms cubic-bezier(0.4, 0, 0.2, 1)}}@media screen and (min-width: 768px){.menu-container{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;text-align:center}}.button-mobile.is-open{cursor:pointer;z-index:1;position:fixed;top:2%;right:4%;z-index:2}.button-icon-mob:hover{fill:var(--brand-blue)}.portfolio-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;margin-bottom:-15px}@media screen and (max-width: 767px){.portfolio-list{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:40px}}@media screen and (min-width: 768px){.portfolio-list{margin-bottom:30px}}@media screen and (min-width: 1200px){.portfolio-list{margin-bottom:50px}}@media screen and (max-width: 767px){.portfolio-list__item{margin-bottom:15px}}.portfolio-list__item{margin-right:8px}@media screen and (min-width: 1200px){.portfolio-list__item:not(:first-child){margin-left:8px}}.button-menu{text-align:center;color:var(--brand-black);font-weight:500;font-size:16px;line-height:1.625}.button-menu{background:var(--brand-background2);color:var(--brand-black);letter-spacing:.03em;border-radius:4px;border:none;padding:6px 25px 6px 25px;text-align:center}.button-menu:focus,.button-menu:hover{color:var(--brand-white);cursor:pointer;-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;background-color:var(--button-main-color)}/*# sourceMappingURL=main.min.css.map */