:root{--primary-text-color: #212121;--title-text-color: #757575;--accent-color: #2196F3;--background-color: #2F303A;--hero-text-color: #FFFFFF;--button-color:#F5F4FA;--footer-contacts-color: rgba(255, 255, 255, 0.6);--black-hero-color: #000000;--container-bordder-color:#EEEEEE;--hero-solid-color: #C4C4C4;--link-icon-color: #AFB1B8;--section-team-bacground-color:#F5F4FA;--timing-function-active: cubic-bezier(0.4, 0, 0.2, 1);--color-text-textarea: rgba(117, 117, 117, 0.5);--color-bordder-form: rgba(33, 33, 33, 0.2)}.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:var(--hero-text-color);color:var(--primary-text-color);font-family:Roboto,sans-serif}.section{padding-bottom:94px}img{display:block;width:100%;height:auto}.list{text-decoration:none;list-style:none;padding:0;margin:0}.flex{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}.container{padding-left:15px;padding-right:15px}@media screen and (min-width: 480px){.container{width:480px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.button-text-primary{color:var(--hero-text-color);background-color:var(--accent-color);font-weight:700;font-size:16px;line-height:1.9;text-align:center;letter-spacing:.06em;border:none}.button.primary{display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;padding:10px 24px;min-width:200px}.footer-btn{border-radius:4px;padding:10px 32px;min-width:200px}.button{cursor:pointer;border-radius:10px;font-family: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)}.navigation .button.portfolio:hover,.navigation .button.portfolio:focus{color:var(--hero-text-color);background-color:var(--accent-color);-webkit-box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12);box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12)}.container-btn{margin-right:8px}.contact-form-btn{display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;padding:10px 52px;min-width:200px}@media screen and (max-width: 767px){.container-btn{margin-bottom:8px}.container-btn:nth-last-child(-n+2){margin-bottom:0px}}@media screen and (min-width: 1200px){.button.primary{padding:10px 32px;min-width:216px}}.main-title{color:var(--hero-text-color);font-weight:900;font-size:44px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;width:698px;margin-top:0;margin-bottom:30px;margin-right:auto;margin-left:auto}.general-title{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em}.link-title{margin-top:0;margin-bottom:20px;color:var(--hero-text-color)}.footer-form-titel{display:inline-block;margin-bottom:20px;color:var(--hero-text-color)}.navigation-title{color:var(--primary-text-color);font-weight:700;font-size:18px;line-height:2;margin-top:0;margin-bottom:4px;width:100%}.container-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px;border:1px solid var(--container-bordder-color);border-top:0}.title{color:var(--title-text-color);font-weight:400;font-size:16px;line-height:1.8;letter-spacing:.03em;margin-top:0;margin-bottom:0}.hidden{color:var(--hero-text-color);font-weight:900;font-size:44px;line-height:1.4;text-align:center;letter-spacing:.06em;text-transform:uppercase;margin-top:0;margin-bottom:0;visibility:hidden}@media screen and (max-width: 767px){.link-title{display:block;text-align:center}.footer-form-titel{text-align:center}}@media screen and (min-width: 768px){.container-title{letter-spacing:.06em}}@media screen and (min-width: 1200px){.navigation-title{letter-spacing:initial}.container-title{width:100%}}.svg-link{height:44px;width:44px;border-radius:50%;background-image:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1)));background-image:linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));background-size:20px;background-position:center;-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)}.svg-link:hover,.svg-link:focus{background-color:var(--accent-color)}.logo-styles-text{font-weight:700;font-size:24px;line-height:1.17;letter-spacing:.03em;font-family:Raleway,sans-serif}.logo-blue__organization{color:var(--hero-text-color)}.logo{color:var(--accent-color)}.logo__black{color:var(--black-hero-color)}.logo-blue{display:block;text-align:center;color:var(--accent-color);margin-bottom:20px}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.2}.logo__black{color:var(--black-hero-color);font-size:26px;line-height:1.2}.logo-blue{display:block;text-align:initial;margin-bottom:20px;font-size:26px;line-height:1.2}}.backdrop-text-styles{font-weight:400;font-size:12px;line-height:1.7;letter-spacing:.01em}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;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{opacity:0;visibility:hidden;pointer-events:none}.backdrop__modal{position:absolute;top:50%;left:50%;padding:40px;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);width:450px;height:609px;border-radius:4px;background-color:var(--hero-text-color);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 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)}.backdrop.is-hidden .backdrop__modal{-webkit-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5);opacity:0}.backdrop__close{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1);cursor:pointer;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop__close:hover{fill:var(--accent-color)}.form{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 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)}.backdrop.is-hidden .form{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}.form__titel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:.03em;color:var(--primary-text-color)}.form__text,.textarea__text{color:var(--title-text-color);-webkit-transition:color 250ms var(--timing-function-active);transition:color 250ms var(--timing-function-active)}.form__wraper{position:relative;display:block;margin-bottom:10px}.form__contact-input{width:100%;border:1px solid var(--color-bordder-form);border-radius:4px;min-height:40px;padding-left:42px;cursor:pointer;-webkit-transition:border-color 250ms var(--timing-function-active);transition:border-color 250ms var(--timing-function-active)}.form__contact-input:focus{outline:none;border-color:var(--accent-color)}.form__svg{position:absolute;top:50%;left:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:fill 250ms var(--timing-function-active);transition:fill 250ms var(--timing-function-active)}.user-input:focus-within+.form__svg{fill:var(--accent-color)}.textarea{margin-bottom:16px}.textarea__form{width:100%;height:120px;padding:12px 16px;border:1px solid var(--color-bordder-form);border-radius:4px;resize:none;cursor:pointer;-webkit-transition:border-color 250ms var(--timing-function-active);transition:border-color 250ms var(--timing-function-active)}.textarea__form::-webkit-input-placeholder{color:var(--color-text-textarea)}.textarea__form::-moz-placeholder{color:var(--color-text-textarea)}.textarea__form:-ms-input-placeholder{color:var(--color-text-textarea)}.textarea__form::-ms-input-placeholder{color:var(--color-text-textarea)}.textarea__form::placeholder{color:var(--color-text-textarea)}.textarea__form:focus{outline:none;border-color:var(--accent-color)}.checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16px;margin-bottom:30px}.checkbox__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--title-text-color)}.checkbox__input{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}.checkbox__icon{display:inline-block;width:16px;height:15px;margin-right:7px;border:2px solid var(--primary-text-color);border-radius:2px}.checkbox__input:checked+.checkbox__icon{border-color:var(--accent-color);background-color:var(--accent-color);background-image:url(../images/svg/icon-check.svg);background-size:cover;background-origin:border-box}.checkbox__input:focus+.checkbox__icon{outline:2px solid #06f}.checkbox__link{color:var(--accent-color);margin-left:5px}.checkbox__titel{color:var(--accent-color)}.checkbox__submit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form__titel{font-size:20px;line-height:1.5}.form__contact-input{width:100%}@media screen and (max-width: 479px){.backdrop__modal{width:90%;height:581px}.form__titel{line-height:initial}.checkbox{margin-top:0;margin-bottom:0}.checkbox__icon{width:25px}}@media screen and (min-width: 768px){.backdrop__modal{width:450px;height:608px}}@media screen and (min-width: 1200px){.backdrop__modal{width:528px;height:581px}.form__contact-input{width:448px}}.section-navigation{padding-top:94px}.navigation{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:50px}.projects{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.projects__focus{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%}.projects__focus .container-title{-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__focus:focus .container-title,.projects__focus:hover .container-title{-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__box{position:relative;overflow:hidden}.projects__position{position:absolute;height: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);-webkit-transform:translateY(0);transform:translateY(0);background-color:rgba(33,150,243,.9)}.projects__focus:hover .projects__position,.projects__focus:focus .projects__position{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.projects__text{color:var(--button-color);font-weight:400;font-size:18px;line-height:1.5;letter-spacing:.03em;padding:63px 24px;margin:0}.portfolio-border{border-bottom:1px solid #ececec}.portfolio-button-styles{display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--background-color);background-color:var(--button-color);border-radius:4px;padding:6px 22px}.portfolio.all{padding:6px 25px;min-width:73px}.portfolio.web{min-width:125px}.portfolio.appendices{min-width:112px}.portfolio.design{min-width:103px}.portfolio.marketing{min-width:130px}.section-navigation{padding-top:60px}.navigation{-ms-flex-wrap:wrap;flex-wrap:wrap}.projects{display:block}.projects__images{margin-bottom:30px}.projects__position{width:100%}@media screen and (max-width: 479px){.projects__text{font-size:15px;line-height:1.3;padding:24px 24px}}@media screen and (min-width: 768px){.navigation{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.projects{display:-webkit-box;display:-ms-flexbox;display:flex}.projects__images{width:calc((100% - 30px)/2);margin-bottom:30px;margin-right:30px}.projects__images:nth-child(2n){margin-right:0}.container-title{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}@media screen and (min-width: 1200px){.projects__images{width:calc((100% - 60px)/3);margin-right:30px;margin-bottom:32px}.projects__images:nth-child(2n){margin-right:30px}.projects__images:nth-child(3n){margin-right:0}.projects__images:nth-last-child(-n+3){margin-bottom:0}}.page-header{position:relative;padding-top:10px;padding-bottom:10px}.container__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-nav{display:none}.contacts-nav{display:none}.menu-buttom{margin:0;padding:0;border:none;background-color:rgba(0,0,0,0);line-height:0}.menu-mobile{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:auto;z-index:10;background-color:var(--hero-text-color);opacity:0;visibility:hidden;pointer-events:none;-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)}.menu-mobile.is-open{opacity:1;visibility:visible;pointer-events:auto}.menu-mobile__container{position:relative;padding-top:48px;padding-bottom:48px}.menu-buttom-btn{position:absolute;top:10px;right:15px;margin:0;padding:0;border:none;background-color:rgba(0,0,0,0);line-height:0;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu-buttom-btn:hover{fill:var(--accent-color)}.site-mobile{margin-bottom:302px}.site-mobile .link{font-weight:500;font-size:40px;line-height:1.17;letter-spacing:.02em;color:var(--primary-text-color)}.site-mobile__item{margin-bottom:32px}.site-mobile__item:last-child{margin-bottom:0}.aside{margin-bottom:32px}.contacts-nav__tel{font-weight:500;font-size:34px;line-height:1.18;letter-spacing:.02em;color:var(--accent-color);margin-bottom:32px}.contacts-nav__retreat{margin-bottom:64px}.contacts-nav__emeil{font-weight:500;font-size:24px;line-height:28px;letter-spacing:.02em;color:var(--title-text-color)}.social-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;color:var(--accent-color)}.site-mobile .link.current{color:var(--accent-color)}.social-mobile__link{margin-right:10px;padding-right:10px;border-right:1px solid rgba(33,33,33,.2)}.social-mobile__link:last-child{border-right:none;margin-right:0px;padding-right:0px}@media screen and (max-width: 479px){.contacts-nav__tel{font-size:30px}.site-mobile{margin-bottom:80px}.social-mobile__link{margin-right:5px;margin-bottom:0;padding-right:5px}}@media screen and (min-width: 768px){.menu-mobile{display:none}.page-header{padding-top:26px;padding-bottom:26px;border-bottom:1px solid #ececec}.site-contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:738px}.logo{margin-right:87px}.site-nav{display:-webkit-box;display:-ms-flexbox;display:flex}.site-nav__item{position:relative;margin-right:50px}.site-nav__item:last-child{margin-right:0}.site-nav .link{color:var(--primary-text-color);font-weight:500;font-size:14px;line-height:1.14;text-align:center;letter-spacing:.02em;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.site-nav .link:hover,.site-nav .link:focus{color:var(--accent-color)}.site-nav .link:last-child{margin-right:0}.site-nav .link.current{color:var(--accent-color)}.contacts-nav{display:block;margin-left:auto;margin-top:auto;margin-bottom:auto}.contacts-nav .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--title-text-color);font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em}.aside{margin-bottom:0}.contacts-nav__icon{margin:0;padding:0;margin-right:10px;fill:var(--title-text-color)}.contacts-nav__retreat{margin-bottom:10px}.menu-buttom{display:none}.site-nav__studio::after{position:absolute;display:block;content:"";width:100%;height:4px;left:0;bottom:-37px;background:#2196f3;border-radius:2px;-webkit-transition:opacity var(--timing-function-active);transition:opacity var(--timing-function-active)}}@media screen and (min-width: 1200px){.page-header{padding-top:24px;padding-bottom:24px}.site-contacts{width:1170px}.site-nav__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-nav .site-nav__item:not(:last-child){margin-right:50px}.site-nav__studio::after{bottom:-31px}.aside{margin-bottom:0px}.contacts-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto}.contacts-nav .aside:not(:last-child){margin-right:50px}.contacts-nav__retreat{margin-right:30px;margin-bottom:0}.contacts-nav__icon{-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.link:hover .contacts-nav__icon,.link:focus .contacts-nav__icon{fill:var(--accent-color)}.contacts-nav .link{font-size:14px;line-height:1.14;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.link:hover,.link:focus{color:var(--accent-color)}}.hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-top:118px;padding-bottom:118px}.hero__title{color:var(--hero-text-color);font-weight:900;font-size:26px;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;margin-top:0;margin-bottom:30px;margin-right:auto;margin-left:auto}.hero__container_overlay{height:400px;margin-left:auto;margin-right:auto;outline:1px solid var(--hero-solid-color);background-size:cover;background-position:center;background-color:var(--hero-solid-color);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-mobile-img.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero-mobile-img.jpg")}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero__container_overlay{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-mobile-img@2x.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero-mobile-img@2x.jpg")}}@media screen and (min-width: 768px){.hero__container_overlay{height:400px;background-size:cover;background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/hero-tablet-img.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero-tablet-img.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__container_overlay{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url("../images/hero-tablet-img@2x.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero-tablet-img@2x.jpg")}}@media screen and (min-width: 768px){.hero__title{width:368px}}@media screen and (min-width: 1200px){.hero__container_overlay{max-width:1600px;height:600px;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-desktop-img.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero-desktop-img.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__container_overlay{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-desktop-img@2x.jpg");background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url("../images/hero-desktop-img@2x.jpg")}}@media screen and (min-width: 1200px){.hero__container{padding-top:200px;padding-bottom:200px}}@media screen and (min-width: 1200px){.hero__title{font-weight:900;font-size:44px;line-height:1.4;width:696px}}.section-feature{padding-top:60px}.feature__desc{margin-bottom:30px}.feature__desc:last-child{margin-bottom:0}.feature__icons{height:120px;margin-bottom:30px;background-color:var(--button-color)}.feature .feature__title{display:block;text-align:center;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;margin-top:0;margin-bottom:10px}.feature .feature__text{font-weight:400;font-size:14px;line-height:1.7;letter-spacing:.03em;margin-top:0;margin-bottom:0;color:var(--title-text-color)}@media screen and (min-width: 768px){.feature{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}.feature .feature__title{text-align:initial}.feature__desc{width:calc((100% - 60px)/2);margin-bottom:30px;margin-right:30px}.feature__desc:nth-last-child(2){margin-bottom:0px}.feature__desc:nth-child(2n){margin-right:0px}}@media screen and (min-width: 1200px){.feature{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.section-feature{padding-top:94px}.feature__desc{margin-right:30px;margin-bottom:0}.feature__desc:nth-child(2n){margin-right:30px}.feature__desc:last-child{margin-right:0}.feature__icons{min-width:270px}}.section-doing{padding-top:0}.doing-title{display:none}.images{display:none}@media screen and (min-width: 1200px){.section-doing{padding-bottom:94px}.images{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.images__list{position:relative;min-width:370px}.images__list:not(:last-child){margin-right:30px}.doing-title{display:block;font-weight:700;font-size:36px;line-height:1.16;text-align:center;letter-spacing:.03em;margin-top:0;margin-bottom:50px}.images__position{position:absolute;width:370px;height:70px;bottom:0%;background-color:rgba(47,48,58,.8)}.images__text{font-weight:700;font-size:14px;line-height:1.15;text-align:center;letter-spacing:.03em;margin:0;bottom:0;color:var(--hero-text-color)}}.background-color{background-color:var(--section-team-bacground-color)}.our-section{padding-top:94px}.team{display:block}.images__team{-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);margin-bottom:30px}.images__team:last-child{margin-bottom:0px}.team__subtitle{display:block;margin-left:auto;margin-right:auto;background-color:var(--hero-text-color);width:100%;padding:30px}.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.socials{display:-webkit-box;display:-ms-flexbox;display:flex}.socials__link{height:44px;width:44px;margin-right:10px;border-radius:50%;background-size:20px;background-repeat:no-repeat;background-position:center;-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)}.socials__link:hover,.socials__link:focus{background-color:var(--accent-color)}.socials__link:last-child{margin-right:0}.socials__icon{fill:var(--link-icon-color);-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.socials__icon:hover,.socials__icon:focus{fill:var(--hero-text-color)}.section-team{font-weight:700;margin-bottom:30px;font-size:28px;line-height:1.18;text-align:center;letter-spacing:.03em;margin-top:0}.section .team__name{font-weight:500;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em;margin-top:0;margin-bottom:10px}.section .team__position{font-weight:400;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em;color:var(--title-text-color);margin-top:0;margin-bottom:16px}@media screen and (min-width: 768px){.team{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.images__team{width:calc((100% - 30px)/2);margin-bottom:30px;margin-right:30px}.images__team:nth-child(3n),.images__team:nth-child(4n){margin-bottom:0}.images__team:nth-child(2n){margin-right:0px}.team__subtitle{min-width:354px}}@media screen and (min-width: 1200px){.team{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.images__team{margin-right:30px;margin-bottom:0}.images__team:nth-child(2n){margin-right:30px}.images__team:last-child{margin-right:0px}.team__subtitle{min-width:270px}.section-team{margin-bottom:50px;font-size:36px;line-height:1.16}}.clients{padding-top:94px}.clients-title{font-weight:700;font-size:28px;line-height:1.18;text-align:center;letter-spacing:.03em}.clients-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.clients-items__companys{fill:var(--link-icon-color);height:92px;border:1px solid var(--link-icon-color);border-radius:4%;line-height:0;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients-items__companys:focus,.clients-items__companys:hover{fill:var(--accent-color);border-color:var(--accent-color)}.clients-items__icons{width:calc((100% - 30px)/2);margin-right:30px;margin-bottom:30px}.clients-items__icons:nth-child(2n){margin-right:0px}.clients-items__icons:nth-last-child(-n+2){margin-bottom:0px}@media screen and (min-width: 768px){.clients-items__icons{width:calc((100% - 60px)/3);margin-right:30px;margin-bottom:30px}.clients-items__icons:nth-child(2n){margin-right:30px}.clients-items__icons:nth-child(3n){margin-right:0px}.clients-items__icons:nth-last-child(-n+3){margin-bottom:0px}}@media screen and (min-width: 1200px){.clients-title{font-size:36px;line-height:1.16;margin-top:0;margin-bottom:50px}.clients-items{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.clients-items__icons{margin-bottom:0}.clients-items__icons:nth-child(3n){margin-right:30px}.clients-items__icons:last-child{margin-right:0}.clients-items__companys{width:170px;margin-right:0}}.footer-text-styles{font-weight:400;font-size:14px;line-height:1.7}.basement{background-color:var(--background-color);padding-top:60px;padding-bottom:60px}.social-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-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}.wrapper__color{color:var(--hero-text-color);font-style:normal;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.wrapper__color:hover,.wrapper__color:focus{color:var(--accent-color)}.wrapper__color-text{letter-spacing:.03em;color:var(--footer-contacts-color);font-style:normal;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.wrapper__color-text:hover,.wrapper__color-text:focus{color:var(--accent-color)}.link-basement{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0}.link-basement__link{margin-right:10px}.link-basement__link:last-child{margin-right:0}.wrap-form__input{width:100%;margin-right:0;margin-bottom:20px;height:50px;padding-left:16px;color:var(--hero-text-color);background-color:var(--background-color);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}.wrap-form__input:focus{outline:none;border-color:var(--accent-color)}.link-basement__icon{fill:var(--hero-text-color)}.footer-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.wrap-form__icon{margin-left:10px}.wrapper__indent:not(:last-child){margin-bottom:9px}.wrapper__color-text{letter-spacing:.03em;color:var(--footer-contacts-color);font-style:normal;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.wrapper__color-text:hover,.wrapper__color-text:focus{color:var(--accent-color)}.wrapper__address{display:block;text-align:center;color:var(--hero-text-color);list-style:normal;font-style:normal}.link-basement__link:last-child{margin-right:0}.wrap-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrapper__link{margin-bottom:60px}.wrapper__indent{margin-bottom:8px}.wrapper__indent:last-child{margin-bottom:0px}.social-link{margin-right:0;margin-bottom:60px}@media screen and (min-width: 768px){.wrapper-address{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.social-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:initial;-webkit-box-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.basement-wrap{margin-right:165px}.social-link{display:block;text-align:center;margin:0}.footer-form{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrap-form__input{width:450px;margin-right:0;margin-bottom:20px}}@media screen and (min-width: 1200px){.social-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.basement-wrap{height:132px;text-align:initial;margin-left:0;margin-right:70px}.wrapper__address{text-align:initial}.social-link{display:block;text-align:initial;margin-left:0;margin-top:0;margin-right:93px}.footer-form{-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;width:570px;margin-top:0;margin-left:0;margin-right:0}.footer-form-titel{text-align:initial}.wrap-form{-webkit-box-orient:initial;-webkit-box-direction:initial;-ms-flex-direction:initial;flex-direction:initial}.wrap-form__input{max-width:358px;margin-right:20px;margin-bottom:0}}/*# sourceMappingURL=main.min.css.map */