.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}*{margin:0;padding:0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,p,ul{margin:0;padding:0}ul{list-style:none;padding:0;margin:0}img{display:block;max-width:100%;height:auto}.body{font-family:"Roboto",sans-serif;background-color:#fff;letter-spacing:.03em;font-size:14px;margin:0}.container{margin:0 auto;width:100%;padding-left:15px;padding-right:15px}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.foot{background:#2f303a;padding-top:60px;padding-bottom:60px}.footer>a{display:block}.footer .logo{text-align:center}@media screen and (min-width: 1200px){.footer .logo{text-align:left}}@media screen and (min-width: 1200px){.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer .subscription{width:100%}.footer .subscription__input{width:450px;display:block;margin-left:auto;margin-right:auto}}.portfolio{background-color:#fff;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.portfolio{padding-top:94px;padding-bottom:94px}}.modal{position:absolute;opacity:.99;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:90%;min-height:609px;background:#fff;-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:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal .subscription__btn{margin-top:0}@media screen and (min-width: 1200px){.modal{width:528px;min-height:581px}}@media screen and (min-width: 480px){.modal{width:450px}}.modal__close-btn{position:absolute;width:30px;height:30px;top:8px;right:8px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background-color:inherit;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;cursor:pointer;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__close-btn:hover{background-color:#2196f3;-webkit-transform:rotate(360deg);transform:rotate(360deg)}.modal__form{padding:40px}.modal__title{font-weight:700;font-size:20px;line-height:1.5;text-align:center;color:#212121;margin-bottom:12px}.modal__name{display:block;font-weight:400;font-size:12px;line-height:1.2;letter-spacing:.01em;margin-bottom:4px;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__label{position:relative;margin-bottom:10px;display:block;color:#757575}.modal__label:nth-child(5){margin-bottom:0}.modal__svg{position:absolute;top:68%;left:4%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);color:currentColor;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__input:focus~.modal__svg{fill:#2196f3}.modal__input{display:block;width:100%;height:40px;font-size:16px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-top:4px;padding-left:42px;-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)}.modal__input:focus{border-color:#2196f3;cursor:pointer;outline:none}.modal__text-area{display:block;height:120px;width:100%;border:1px solid rgba(33,33,33,.2);border-radius:4px;font-size:12px;line-height:1.2;letter-spacing:.01em;color:rgba(117,117,117,.5);padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;resize: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)}.modal__text-area:focus{border-color:#2196f3;color:#000;font-size:16px;outline:none}.modal__input:focus~.modal__text-area{border-color:#2196f3;cursor:pointer}.modal__btn{display:block;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logo{font-family:"Raleway";font-weight:700;font-size:24px;line-height:1.17;text-decoration:none}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19}}.logo--black{color:#000}.logo--white{color:#fff}.logo__web{color:#2196f3}.mobile-menu{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.mobile-menu{position:fixed;left:0;top:0;width:100vw;height:100%;background-color:#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);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:48px 40px;overflow:hidden;z-index:20;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 700ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 700ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1),transform 700ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1),transform 700ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 700ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu .subscription__btn{margin-top:0}.mobile-menu.is-open{-webkit-transform:translateX(0);transform:translateX(0)}}.mobile-menu__btn{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;border:none;background-color:rgba(0,0,0,0);border-radius:50%;cursor:pointer;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mobile-menu__btn>svg{fill:currentColor}.mobile-menu__btn:hover,.mobile-menu__btn:focus{color:#2196f3;-webkit-transform:rotate(360deg);transform:rotate(360deg)}@media screen and (min-width: 767px){.mobile-menu__btn{display:none}}.mobile-menu__btn--close{position:absolute;top:10px;right:25px}@media screen and (min-width: 768px){.navigation{margin-right:96px}}@media screen and (min-width: 1200px){.navigation{margin-right:315px}}.navigation__list{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.navigation__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width: 767px){.navigation__list>li{font-weight:500;font-size:40px;line-height:1.18;letter-spacing:.02em;padding-bottom:32px}}@media screen and (min-width: 768px){.navigation__list>li{margin-right:50px}}.navigation__list li:last-child{margin-right:0;padding-bottom:0}.navigation__link{position:relative;font-weight:500;color:#212121;text-decoration:none;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.navigation__link>a{display:block}.navigation__link:hover,.navigation__link:focus{color:#2196f3}@media screen and (max-width: 767px){.navigation__link{font-size:40px;line-height:1.18px;letter-spacing:.02em}}.navigation__link--curent{color:#2196f3}@media screen and (min-width: 767px){.navigation__link--curent:after{content:"";height:4px;width:100%;background:#2196f3;border-radius:2px;position:absolute;bottom:0;left:0;-webkit-transform:translateY(1050%);transform:translateY(1050%);font-weight:500;line-height:1.14;letter-spacing:.02em}}@media screen and (min-width: 767px)and (min-width: 1200px){.navigation__link--curent:after{-webkit-transform:translateY(780%);transform:translateY(780%)}}.contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){.contacts{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse wrap;flex-flow:column-reverse wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.contacts>li:last-child{margin-bottom:32px}.contacts li:last-child>a{font-size:34px;color:#2196f3}}@media screen and (min-width: 768px)and (max-width: 1199px){.contacts{display:inline-block}.contacts li:first-child{margin-bottom:10px}}@media screen and (min-width: 1200px){.contacts li:first-child{margin-right:50px}}.contacts__link{font-weight:500;line-height:1.12;letter-spacing:.02em;color:#757575;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;-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 (max-width: 1199px){.contacts__link{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;font-size:12px}}.contacts__link:hover,.contacts__link:focus{color:#2196f3}@media screen and (max-width: 767px){.contacts__link{font-size:24px;line-height:1.18;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}}.contacts__svg{margin-right:10px;fill:currentColor}.contacts__svg :hover,.contacts__svg :focus{stroke:#2196f3}@media screen and (max-width: 767px){.contacts__svg{display:none}}.social-networks-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}@media screen and (min-width: 768px){.social-networks-mobile{display:none}}.social-networks-mobile__link>a{text-decoration:none;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:#2196f3}.social-networks-mobile__link:not(:last-child):after{content:"";margin-left:10px;width:22px;height:0px;border:1px solid rgba(33,33,33,.2);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cosial-networks{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cosial-networks__link{width:44px;height:44px;background-color:#fff;border-radius:50%;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;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.cosial-networks__svg{fill:currentColor}.cosial-networks__link{color:#afb1b8}.cosial-networks__link:hover,.cosial-networks__link:focus{color:#fff;background-color:#2196f3}.adress{font-style:normal;text-decoration:none;text-align:center}@media screen and (min-width: 1200px){.adress{text-align:left}}.adress>ul{margin-top:20px}.adress>ul>li{margin-bottom:8px}@media screen and (min-width: 1200px){.adress>ul>li{margin-bottom:9px}}.adress>ul>li:last-child{margin-bottom:0}.adress__map{display:block;line-height:1.71;min-width:231px;color:#fff;text-decoration:none}@media screen and (min-width: 1200px){.adress__map{text-align:left}}.adress__link{display:block;line-height:1.71;color:rgba(255,255,255,.6);text-decoration:none;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.adress__link:last-child{margin-bottom:0px}.adress__link:hover,.adress__link:focus{color:#2196f3}@media screen and (min-width: 1200px){.adress__link{text-align:left}}.adress__wpapper{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: 767px){.soc-network{margin-top:60px;margin-bottom:60px;margin-left:0}}.soc-network__text{font-weight:700;font-size:14px;line-height:1.12;text-transform:uppercase;color:#fff;margin-bottom:20px;text-align:center}@media screen and (min-width: 1200px){.soc-network__text{text-align:left}}.soc-network__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.soc-network__svg{fill:currentColor}.soc-network__footer{width:44px;height:44px;background-color:rgba(255,255,255,.1);border-radius:50%;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;color:#fff;-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)}.soc-network__footer:hover,.soc-network__footer:focus{background-color:#2196f3}@media screen and (max-width: 1199px)and (min-width: 768px){.subscription{margin-top:60px}}.subscription__title{font-weight:700;font-size:14px;line-height:1.12;text-transform:uppercase;color:#fff;margin-bottom:20px}@media screen and (max-width: 1199px){.subscription__title{text-align:center}}@media screen and (min-width: 1200px){.subscription__form{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}}.subscription__label{min-width:450px}@media screen and (min-width: 1200px){.subscription__label{min-width:358px}}.subscription__input{width:100%;height:50px;background-color:#2f303a;font-size:16px;line-height:1.25;color:rgba(255,255,255,.6);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;padding-left:16px}.subscription__input:focus{color:#fff}.subscription__btn{background:#2196f3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;font-weight:700;font-size:16px;line-height:1.88;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;gap:10px;letter-spacing:.06em;color:#fff;fill:currentColor;cursor:pointer;padding:10px 32px;width:200px;height:50px;border:none;margin-top:20px;margin-left:auto;margin-right:auto;-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)}.subscription__btn:hover,.subscription__btn:focus{background-color:#f5f4fa;color:#212121}@media screen and (min-width: 1200px){.subscription__btn{margin-top:0}}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.backdrop{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);-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)}.backdrop.is-hidden .modal{background-color:#2196f3;-webkit-transform:scale(0.1);transform:scale(0.1);opacity:.1}.checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;cursor:pointer;margin-bottom:30px;font-size:12px;line-height:1.12}.checkbox p{color:#757575}.checkbox a{color:#2196f3}.checkbox__agreement{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.checkbox__agreement-enable{width:16px;height:15px;background-image:url("../images/icon-check.svg");background-size:cover;background-repeat:no-repeat;background-position:center}.checkbox__agreement:not(:checked)~.checkbox__agreement-enable{-webkit-appearance:none;-moz-appearance:none;appearance:none;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}.checkbox__agreement-disable{-webkit-appearance:none;-moz-appearance:none;appearance:none;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}.checkbox__agreement:not(:checked)~.checkbox__agreement-disable{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:static;white-space:normal;width:16px;height:15px;overflow:visible;clip:auto;-webkit-clip-path:none;clip-path:none;margin:0}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.header{background-color:#fff;border-bottom:1px solid #ececec;padding-top:10px;padding-bottom:10px}@media screen and (min-width: 768px){.header{padding-top:26px;padding-bottom:21px}}@media screen and (min-width: 1200px){.header{padding-top:24px;padding-bottom:27px}}.header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 767px){.header .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.hero{background-color:#2f303a;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/img-main-480.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/img-main-480.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;margin:0 auto;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, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/img-main-480@2x.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/img-main-480@2x.jpg")}}.hero .container{padding-bottom:118px;padding-top:118px}@media screen and (min-width: 768px){.hero{max-width:768px;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/img-main-768.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/img-main-768.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, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/img-main-768@2x.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/img-main-768@2x.jpg")}}@media screen and (min-width: 1200px){.hero{max-width:1600px;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/img-main.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/img-main.jpg")}.hero .container{padding-bottom:200px;padding-top:200px}}@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, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(".././images/img-main-1200@2x.jpg");background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(".././images/img-main-1200@2x.jpg")}}.hero__title{font-weight:900;font-size:26px;line-height:1.62;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:30px;margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.hero__title{width:360px}}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.36;width:696px}}.hero__btn{background:#2196f3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;font-weight:700;font-size:16px;line-height:1.88;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;letter-spacing:.06em;color:#fff;cursor:pointer;padding:10px 24px;min-width:200px;height:50px;border:none;margin-left:auto;margin-right:auto;-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)}.hero__btn:hover,.hero__btn:focus{background-color:#f5f4fa;color:#212121}@media screen and (min-width: 1200px){.hero__btn{padding:10px 32px;min-width:216px}}.work{padding-bottom:60px;padding-top:60px}@media screen and (min-width: 1200px){.work{padding-bottom:94px;padding-top:94px}}@media screen and (min-width: 768px){.work__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 1200px){.work__list{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.work__list li{margin-bottom:30px}@media screen and (min-width: 1200px){.work__list li{width:calc((100% - 120px)/4);margin-bottom:0}}@media screen and (min-width: 768px)and (max-width: 1200px){.work__list li{width:calc((100% - 60px)/2);margin-bottom:0}}.work__list li:last-child{margin-bottom:0}.work__title{font-size:14px;line-height:1.14;text-transform:uppercase;margin-bottom:10px;text-align:center}.work__description{line-height:1.71;color:#757575}.work__svg{display:-webkit-box;display:-ms-flexbox;display:flex;height:120px;border:none;border-radius:4px;background-color:#f5f4fa;margin-bottom:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.products{margin-bottom:94px}@media screen and (max-width: 1199px){.products{display:none}}.products__title{font-size:36px;line-height:1.17;text-align:center;color:#212121;margin-bottom:50px}.products__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.products__image{display:block;max-width:370px}.products__item{width:calc((100% - 60px)/3);position:relative;overflow:hidden}.products__text{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;position:absolute;width:100%;min-height:70px;font-weight:700;font-size:14px;line-height:1.2;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:#fff;background-color:rgba(47,48,58,.8);bottom:0;left:0}.team{background-color:#f5f4fa;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}picture,.img{display:block}.team__title{font-size:28px;line-height:1.17;text-align:center;color:#212121;margin-bottom:30px}@media screen and (min-width: 1200px){.team__title{font-size:36px;margin-bottom:50px}}.team__list{background-color:#f5f4fa}@media screen and (min-width: 768px){.team__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 1200px){.team__list{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.team__item{padding-bottom:30px;background-color:#fff;-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;margin-bottom:30px}.team__item:last-child{margin-bottom:0}@media screen and (min-width: 768px){.team__item{width:calc((100% - 30px)/2);margin-bottom:0}}@media screen and (min-width: 1200px){.team__item{width:calc((100% - 90px)/4);margin-bottom:0}}.team__name{font-weight:500;font-size:16px;line-height:1.19;text-align:center;margin-bottom:10px;margin-top:30px}.team__position{font-size:16px;line-height:1.19;text-align:center;color:#757575;margin-bottom:16px}.client{padding-bottom:60px;padding-top:60px}@media screen and (min-width: 1200px){.client{padding-bottom:94px;padding-top:94px}}.client__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 1200px){.client__list{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.client__link{border:1px solid #afb1b8;color:#afb1b8;border-radius:4px;width:210px;height:92px;text-align:center;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;-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)}.client__link:hover,.client__link:focus{border-color:#2196f3;color:#2196f3}@media screen and (min-width: 1200px){.client__link{width:170px}}.client__svg{fill:currentColor}.client__title{font-size:28px;line-height:1.17;text-align:center;color:#212121;margin-bottom:30px}.projects{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px 8px;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 768px){.projects{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.projects__btn{font-family:"Roboto";font-weight:500;font-size:16px;line-height:1.62;text-align:center;letter-spacing:.03em;color:#212121;background:#f5f4fa;border-radius:4px;min-height:38px;padding:6px 22px;border:inherit;-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)}.projects__btn:focus,.projects__btn:hover{background:#2196f3;color:#fff;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)}.projects__list{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:30px;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:40px}@media screen and (min-width: 768px){.projects__list{margin-top:30px}}@media screen and (min-width: 1200px){.projects__list{margin-top:50px}}.projects__list>li{border:1px solid #eee;cursor:pointer}@media screen and (min-width: 768px){.projects__list>li{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.projects__list>li{width:calc((100% - 60px)/3)}}.projects__item{-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)}.projects__item:focus,.projects__item: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)}.projects__item>img{display:block;max-width:370px}.projects__card{position:relative;overflow:hidden}.projects__text{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;position:absolute;width:100%;height:100%;font-size:18px;line-height:1.6;padding-left:24px;padding-right:24px;color:#fff;background-color:rgba(33,150,243,.9);top:0;left:0;-webkit-transform:translateY(100%);transform:translateY(100%);-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)}.projects__item:focus .projects__text,.projects__item:hover .projects__text{-webkit-transform:translateY(0);transform:translateY(0)}.projects__filling{margin:20px 0;padding:0 24px}.projects__title{font-size:18px;line-height:2;letter-spacing:.06em;color:#212121}.projects__description{font-size:16px;line-height:1.88;color:#757575;margin-top:4px;display:block}/*# sourceMappingURL=main.min.css.map */