:root{--text-color: #212121;--blue: #2196f3;--background-blue: rgba(33, 150, 243, 0.9);--white: #ffffff;--dark-grey: #2f303a;--texr-p: #757575;--footer-text: rgba(255, 255, 255, 0.6);--portfolio-pages: #eeeeee;--portfolio-button: #f5f4fa;--clients-icon: #afb1b8;--modal-border-color: rgba(33, 33, 33, 0.2);--time-cubic: cubic-bezier(0.4, 0, 0.2, 1);--time: 250ms;--modal-border-color: rgba(33, 33, 33, 0.2);--font-railway: "Raleway", sans-serif;--font-roboto: "Roboto", sans-serif;--items: 1;--mrg: 30px}body{font-family:var(--font-railway);font-family:var(--font-roboto);color:var(--text-color);background-color:var(--white);letter-spacing:0.03em}body.menu-open{overflow:hidden}.container{margin-left:auto;margin-right:auto;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}}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section:last-child{padding-top:60px}@media screen and (min-width: 1200px){.section:last-child{padding-top:94px}}svg{fill:currentColor}img{display:block}h1{padding:0;margin:0;font-weight:900;color:var(--white);text-align:center;letter-spacing:0.06em;text-transform:uppercase;font-size:44px;line-height:1.36}h2{padding:0;margin:0;margin-bottom:50px;font-weight:700;font-size:36px;line-height:1.17;text-align:center;color:var(--text-color)}h3{padding:0;margin:0}a{text-decoration:none}p,ul{list-style:none;padding:0;margin:0}button{cursor:pointer;border:none}.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}.is-hidden{visibility:hidden;opacity:0;pointer-events:none}header{border-bottom:1px solid #ececec}@media screen and (max-width: 767px){header{position:relative}}.nav__item.active{color:var(--blue)}.nav__item.active.nav__item::after{width:100%}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.web{font-size:26px;color:var(--blue)}.logo-web{font-family:"Raleway", sans-serif;font-weight:700;font-size:24px;color:var(--text-color);text-decoration:none}@media screen and (max-width: 767px){.logo-web{padding:16px 0 16px 15px}}@media screen and (min-width: 480px){.logo-web{margin-right:284px}}@media screen and (min-width: 768px){.logo-web{margin-right:88px}}@media screen and (min-width: 1200px){.logo-web{margin-right:93px;font-size:26px}}.menu-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;border:0;background-color:transparent;z-index:5;-webkit-transition:color var(--time) var(--time-cubic);transition:color var(--time) var(--time-cubic)}@media screen and (min-width: 768px){.menu-button{display:none}}.menu-button:hover,.menu-button:focus{color:var(--blue)}.icon-cross{display:none}.menu-button.is-open .icon-cross{display:block}.menu-button.is-open .icon-menu{display:none}.menu-burger{color:var(--text-color)}@media screen and (max-width: 767px){.menu-burger{padding-top:48px;z-index:3}}@media screen and (max-width: 767){.menu-burger a{font-weight:500;font-size:40px;line-height:1.18;text-align:center;letter-spacing:0.02em}}@media screen and (max-width: 767px){.menu-burger.is-open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:0;left:0;position:fixed;width:100vw;height:100vh}}@media screen and (max-width: 767px){.menu-burger{position:fixed;top:100%;left:0;width:100%;padding:48px 40px;display:none;background-color:#fff;color:#212121;font-weight:500;font-size:40px;line-height:1.17;text-align:left;letter-spacing:0.02em;font-style:normal}}@media screen and (min-width: 768px){.menu-burger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 768px){.menu-burger .nav{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu-burger .nav li:last-child{margin-right:0px}}@media screen and (min-width: 768px){.menu-burger .nav li{margin-right:50px}}@media screen and (min-width: 768px){.menu-burger .nav li:last-child{margin-right:0px}}@media screen and (min-width: 768px){.menu-burger__link{display:none}}@media screen and (max-width: 767px){.menu-burger__link{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.menu-burger__link a{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:0.02em;color:var(--blue);padding-right:10px;padding-left:10px}.menu-burger__link li:nth-child(2) a{border-left:1px solid rgba(33,33,33,0.2)}.menu-burger__link li:nth-child(3) a{border-left:1px solid rgba(33,33,33,0.2);border-right:1px solid rgba(33,33,33,0.2)}.menu-burger__link li:nth-child(1) a{padding-left:0}.menu-burger__link li:nth-child(4) a{padding-right:0}.nav__item{color:var(--text-color)}@media screen and (min-width: 768px){.nav__item{position:relative;font-size:14px;font-weight:500;line-height:1.14;letter-spacing:0.02em;padding:32px 0;display:block;-webkit-transition:color var(--time) var(--time-cubic);transition:color var(--time) var(--time-cubic)}}@media screen and (min-width: 768px){.nav__item::after{display:block;position:absolute;left:0;bottom:0;width:0%;height:4px;background-color:var(--blue);content:"";-webkit-transition:width var(--time) var(--time-cubic);transition:width var(--time) var(--time-cubic)}}@media screen and (min-width: 768px){.nav__item:hover,.nav__item:focus{fill:var(--blue);color:var(--blue)}}.kontakt-nav{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;text-decoration:none}@media screen and (max-width: 767px){.kontakt-nav{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;margin-top:auto}}@media screen and (min-width: 768px) and (max-width: 1199px){.kontakt-nav{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-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 768px){.kontakt-nav li{margin-right:0px}}@media screen and (min-width: 1200px){.kontakt-nav li{margin-right:50px}}.kontakt-nav li:last-child{margin-right:0px}.kontakt-nav a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--texr-p);text-decoration:none;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;padding:32px 0;-webkit-transition:color var(--time) var(--time-cubic);transition:color var(--time) var(--time-cubic)}@media screen and (max-width: 767px){.kontakt-nav a{padding-top:0;padding-bottom:32px}}@media screen and (min-width: 768px) and (max-width: 1199px){.kontakt-nav a{padding:0}}.kontakt-nav svg{margin-right:10px}@media screen and (max-width: 767px){.kontakt-nav svg{display:none}}.kontakt-nav a:hover,.kontakt-nav a:focus{color:var(--blue)}.kontakt-nav svg:hover,.kontakt-nav svg:focus{fill:var(--blue)}@media screen and (max-width: 767px){.kontakt-nav .kontakt-tel{color:var(--blue);font-weight:500;font-size:34px;line-height:1.18;letter-spacing:0.02em}}@media screen and (max-width: 479px){.kontakt-nav .kontakt-tel{font-size:26px}}@media screen and (min-width: 768px) and (max-width: 1199px){.kontakt-nav .kontakt-tel{margin-top:10px}}@media screen and (max-width: 767px){.kontakt-nav .kontakt-mail{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:0.02em}}.hero{max-width:1600px;color:var(--white);padding-top:118px;padding-bottom:118px;margin:0 auto;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/main_page/hero/mobile/hero-mob.jpg");background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../../images/main_page/hero/mobile/hero-mob.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}.hero h1{max-width:360px;font-size:26px;margin:0 auto 30px auto}@media screen and (min-width: 1200px){.hero h1{font-size:44px;max-width:696px}}@media (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../../images/main_page/hero/mobile/hero-mob@2x.jpg");background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../../images/main_page/hero/mobile/hero-mob@2x.jpg")}}@media screen and (min-width: 768px){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../../images/main_page/hero/tablet/hero-tab.jpg");background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../../images/main_page/hero/tablet/hero-tab.jpg")}}@media screen and (min-width: 768px) and (min-device-pixel-ratio: 2), screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 768px) and (min-resolution: 192dpi), screen and (min-width: 768px) and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../../images/main_page/hero/tablet/hero-tab@2x.jpg");background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../../images/main_page/hero/tablet/hero-tab@2x.jpg")}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px;max-width:1600px;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/main_page/hero/desktop/hero-desk.jpg");background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../../images/main_page/hero/desktop/hero-desk.jpg")}}@media screen and (min-width: 1200px) and (min-device-pixel-ratio: 2), screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1200px) and (min-resolution: 192dpi), screen and (min-width: 1200px) and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, right top, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../../images/main_page/hero/desktop/hero-desk@2x.jpg");background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../../images/main_page/hero/desktop/hero-desk@2x.jpg")}}.hero-content{text-align:center}.hero-btn{border:none;padding:10px 32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--blue);font-weight:700;font-size:16px;line-height:1.88;text-align:center;letter-spacing:0.06em;color:var(--white);-webkit-transition:background-color var(--time) var(--time-cubic);transition:background-color var(--time) var(--time-cubic);font-family:var(--font-roboto)}.hero-btn:hover{background-color:#188ce8}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);z-index:100;-webkit-transition:visibility var(--time) var(--time-cubic),opacity var(--time) var(--time-cubic);transition:visibility var(--time) var(--time-cubic),opacity var(--time) var(--time-cubic);overflow-y:scroll}.modal-wrapper{width:450px;padding:40px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:var(--text-color);background-color:var(--white);border-radius:4px;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);-webkit-animation-name:visible-modal;animation-name:visible-modal;-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-timing-function:linear;animation-timing-function:linear}@media screen and (min-width: 320px) and (max-width: 480px){.modal-wrapper{width:300px}}@media screen and (min-width: 1200px){.modal-wrapper{width:528px;height:581px}}.modal-title{font-family:var(--font-roboto);font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:0.03em;margin-bottom:12px}@media screen and (min-width: 320px) and (max-width: 480px){.modal-title{font-size:16px}}.modal-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal-label textarea{resize:none;width:100%;height:120px;margin-top:4px}@-webkit-keyframes visible-modal{0%{opacity:0;-webkit-transform:scale(0.2);transform:scale(0.2)}50%{opacity:0.5;-webkit-transform:scale(0.5),translate(-50%, -50%);transform:scale(0.5),translate(-50%, -50%)}100%{opacity:1;-webkit-transform:scale(1),translate(-50%, -50%);transform:scale(1),translate(-50%, -50%)}}@keyframes visible-modal{0%{opacity:0;-webkit-transform:scale(0.2);transform:scale(0.2)}50%{opacity:0.5;-webkit-transform:scale(0.5),translate(-50%, -50%);transform:scale(0.5),translate(-50%, -50%)}100%{opacity:1;-webkit-transform:scale(1),translate(-50%, -50%);transform:scale(1),translate(-50%, -50%)}}.modal-btn{position:absolute;width:30px;height:30px;border:1px solid rgba(0,0,0,0.1);background-color:white;background-repeat:no-repeat;background-position:center;top:8px;right:8px;border-radius:50%;fill:black;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;cursor:pointer}.modal-btn__icon{-webkit-transition:fill var(--time) var(--time-cubic);transition:fill var(--time) var(--time-cubic)}.modal-btn:hover .modal-btn__icon{fill:var(--blue)}.modal-form{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal-form__title{font-size:12px;line-height:1.16;letter-spacing:0.01em;color:var(--texr-p);-webkit-transition:color var(--time) var(--time-cubic);transition:color var(--time) var(--time-cubic)}.modal-form__input{margin-top:4px;height:40px;width:100%;margin-bottom:10px;padding-left:42px;border:1px solid var(--modal-border-color);outline:transparent;border-radius:4px;-webkit-transition:border-color var(--time) var(--time-cubic),color var(--time) var(--time-cubic);transition:border-color var(--time) var(--time-cubic),color var(--time) var(--time-cubic)}@media screen and (min-width: 320px) and (max-width: 480px){.modal-form__input{height:30px}}.modal-form__icon{width:18px;height:18px;position:absolute;left:15px;top:42%;-webkit-transition:fill var(--time) var(--time-cubic);transition:fill var(--time) var(--time-cubic)}.modal-form__textarea{border:1px solid var(--modal-border-color);outline:transparent;border-radius:4px;padding:12px 16px;-webkit-transition:border-color var(--time) var(--time-cubic),color var(--time) var(--time-cubic);transition:border-color var(--time) var(--time-cubic),color var(--time) var(--time-cubic)}.modal-form__textarea::-webkit-input-placeholder{font-family:var(--font-roboto);font-size:14px;line-height:1.14;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal-form__textarea:-ms-input-placeholder{font-family:var(--font-roboto);font-size:14px;line-height:1.14;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal-form__textarea::-ms-input-placeholder{font-family:var(--font-roboto);font-size:14px;line-height:1.14;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal-form__textarea::placeholder{font-family:var(--font-roboto);font-size:14px;line-height:1.14;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal-form:focus-within .modal-form__icon{fill:var(--blue)}.modal-form:focus-within .modal-form__input,.modal-form:focus-within .modal-form__textarea{border-color:var(--blue);color:var(--blue)}.modal-form:focus-within .modal-form__title{color:var(--blue)}.modal-form__checkbox:checked+.custom-checkbox{background-color:var(--blue);outline:none}.modal-form__checkbox:checked+.custom-checkbox .icon-checkbox{opacity:1;fill:var(--white)}.modal-form__btn{background:var(--blue);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:0.06em;width:200px;height:50px;margin:0 auto;color:var(--white);-webkit-transition:border-color var(--time) var(--time-cubic);transition:border-color var(--time) var(--time-cubic)}.modal-form__btn:hover,.modal-form__btn:focus{background-color:#188ce8}.label-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px;margin-bottom:30px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.custom-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:16px;height:15px;margin-right:8px;border-radius:2px;outline:1px solid var(--text-color);-webkit-transition:border-color var(--time) var(--time-cubic),outline var(--time) var(--time-cubic);transition:border-color var(--time) var(--time-cubic),outline var(--time) var(--time-cubic)}.checkbox-text{font-size:12px;line-height:1.71;letter-spacing:0.03em;color:var(--texr-p)}@media screen and (min-width: 1200px){.checkbox-text{font-size:14px}}.checkbox-link{color:var(--blue);text-decoration:underline;cursor:pointer}.icon-checkbox{opacity:0;-webkit-transition:opacity var(--time) var(--time-cubic),fill var(--time) var(--time-cubic);transition:opacity var(--time) var(--time-cubic),fill var(--time) var(--time-cubic)}.quality{font-size:14px;background-color:var(--white);padding-bottom:60px}@media screen and (min-width: 1200px){.quality{padding-bottom:0px}}.quality-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--mrg)}.quality-block{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;background-color:var(--portfolio-button);margin-bottom:var(--mrg);height:120px}.quality-icon{width:70px;height:70px}.quality-item{list-style:none;--items: 1;-ms-flex-preferred-size:calc((100% - var(--mrg) * (var(--items) - 1)) / var(--items));flex-basis:calc((100% - var(--mrg) * (var(--items) - 1)) / var(--items))}@media screen and (min-width: 768px){.quality-item{--items: 2}}@media screen and (min-width: 1200px){.quality-item{--items: 4}}.quality-item:last-child{margin-right:0px}.quality-item>h3{margin-bottom:10px;color:var(--text-color);font-weight:700;text-transform:uppercase;line-height:1.14;font-size:14px;text-align:center}@media screen and (min-width: 768px){.quality-item>h3{text-align:left}}.quality-item>p{color:var(--texr-p);line-height:1.7}.work{background-color:var(--white);padding-bottom:94px}.work ul{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 1200px){.work{display:none}}.work-link{position:relative;list-style:none;margin-right:30px}.work-linklast-child{margin-right:0}.work-link p{position:absolute;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:white;content:"";position:absolute;left:0;bottom:0;width:100%;height:70px;background-color:rgba(47,48,58,0.8);font-weight:bold;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase}.team{background-color:#f5f4fa}.team ul{display:-webkit-box;display:-ms-flexbox;display:flex;-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}.team-icon{-webkit-transition:fill var(--time) var(--time-cubic);transition:fill var(--time) var(--time-cubic)}.team-block{background-color:var(--white);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);list-style:none;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--mrg);--items: 1;-ms-flex-preferred-size:calc((100% - var(--mrg) * (var(--items) - 1)) / var(--items));flex-basis:calc((100% - var(--mrg) * (var(--items) - 1)) / var(--items))}.team-block img{width:100%}.team-block:last-child{margin-bottom:0px}@media screen and (min-width: 768px) and (max-width: 1200px){.team-block{--items: 2;margin-right:30px}.team-block:nth-child(2n){margin-right:0px}.team-block:nth-last-child(-n+2){margin-bottom:0px}}@media screen and (min-width: 1200px){.team-block{--items: 4;margin-right:30px;margin-bottom:0px}.team-block:last-child{margin-right:0}}.team-text{padding:30px 0;text-align:center}.team-text h3{font-weight:500;font-size:16px;line-height:1.19;text-align:center;color:var(--text-color);margin-bottom:10px}.team-text p{font-size:16px;line-height:1.19;text-align:center;color:var(--texr-p)}.team-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16px}.team-link li{margin-right:10px}.team-link li:last-child{margin-right:0}.team-link a{display:-webkit-box;display:-ms-flexbox;display:flex;width:44px;height:44px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;-webkit-transition:background-color var(--time) var(--time-cubic);transition:background-color var(--time) var(--time-cubic)}.team-link svg{width:20px;height:20px;fill:var(--clients-icon)}.team-link a:hover,.team-link a:focus{background-color:var(--blue)}.team-link a:hover .team-icon,.team-link a:focus .team-icon{fill:var(--white)}.clients-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--mrg)}.clients-list li{margin:auto;--items: 2;-ms-flex-preferred-size:calc((100% - var(--mrg) * (var(--items) - 1)) / var(--items));flex-basis:calc((100% - var(--mrg) * (var(--items) - 1)) / var(--items))}.clients-list li:nth-last-child(-n+2){margin-bottom:0px}.clients-list a{text-align:center;display:block;padding:16px 32px;border:1px solid #afb1b8;border-radius:4px;-webkit-transition:border var(--time) var(--time-cubic);transition:border var(--time) var(--time-cubic)}.clients-list a:hover,.clients-list a:focus{border:1px solid var(--blue)}.clients-list a:hover .clients-icon,.clients-list a:focus .clients-icon{fill:var(--blue)}.clients-list svg{height:60px;width:106px;fill:var(--clients-icon)}.clients-icon{-webkit-transition:fill var(--time) var(--time-cubic);transition:fill var(--time) var(--time-cubic)}@media screen and (min-width: 768px){.clients-list li{--items: 3}.clients-list li:nth-last-child(-n+3){margin-bottom:0px}}@media screen and (min-width: 1200px){.clients-list{gap:0}.clients-list li{--items: 6;margin-right:30px}.clients-list li:last-child{margin-right:0px}.clients-list li a{width:170px}}.portfolio{font-family:var(--font-roboto)}.portfolio button{background-color:var(--portfolio-button);font-family:var(--font-roboto);border-radius:4px;color:var(--text-color);font-weight:500;font-size:16px;line-height:1.6;text-align:center;letter-spacing:0.03em;-webkit-transition:background-color var(--time) var(--time-cubic),color var(--time) var(--time-cubic),-webkit-box-shadow var(--time) var(--time-cubic);transition:background-color var(--time) var(--time-cubic),color var(--time) var(--time-cubic),-webkit-box-shadow var(--time) var(--time-cubic);transition:background-color var(--time) var(--time-cubic),color var(--time) var(--time-cubic),box-shadow var(--time) var(--time-cubic);transition:background-color var(--time) var(--time-cubic),color var(--time) var(--time-cubic),box-shadow var(--time) var(--time-cubic),-webkit-box-shadow var(--time) var(--time-cubic)}.portfolio button:hover,.portfolio button:focus{background-color:var(--blue);color:var(--white);-webkit-box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 1px 2px rgba(0,0,0,0.08),0px 2px 2px rgba(0,0,0,0.12);box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 1px 2px rgba(0,0,0,0.08),0px 2px 2px rgba(0,0,0,0.12)}.portfolio li{list-style:none}.portfolio-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:50px}@media screen and (max-width: 767px){.portfolio-button{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.portfolio-button button{padding:6px 22px}.portfolio-button li{margin-right:8px}.portfolio-button li:last-child{margin-right:0px}@media screen and (min-width: 310px) and (max-width: 767px){.portfolio-button li:nth-last-child(1),.portfolio-button li:nth-last-child(2){margin-top:15px}}@media screen and (max-width: 400px){.portfolio-button li:nth-last-child(3){margin-top:15px}}.portfolio-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--mrg)}.portfolio-item{display:-webkit-box;display:-ms-flexbox;display:flex;width:450px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px){.portfolio-item{width:354px}}@media screen and (min-width: 1200px){.portfolio-item{width:370px}}.portfolio-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-transition:-webkit-box-shadow var(--time) var(--time-cubic);transition:-webkit-box-shadow var(--time) var(--time-cubic);transition:box-shadow var(--time) var(--time-cubic);transition:box-shadow var(--time) var(--time-cubic), -webkit-box-shadow var(--time) var(--time-cubic)}.portfolio-link:hover,.portfolio-link:focus{-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.12),0px 4px 4px rgba(0,0,0,0.06),1px 4px 6px rgba(0,0,0,0.16);box-shadow:0px 1px 1px rgba(0,0,0,0.12),0px 4px 4px rgba(0,0,0,0.06),1px 4px 6px rgba(0,0,0,0.16)}.portfolio-link:hover .overlay-box{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.portfolio-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-decoration:none;padding:20px 24px;border-bottom:1px solid var(--portfolio-pages);border-left:1px solid var(--portfolio-pages);border-right:1px solid var(--portfolio-pages)}.portfolio-text h3{color:var(--text-color);font-weight:700;font-size:18px;line-height:2;letter-spacing:0.06em;margin-bottom:4px}.portfolio-text p{font-size:16px;line-height:1.8;letter-spacing:0.03em;color:var(--texr-p)}.overlay{width:100%;height:auto;position:relative;overflow:hidden}.overlay-box{position:absolute;width:100%;height:100%;background-color:var(--background-blue);-webkit-transform:translateY(0%);transform:translateY(0%);-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)}.overlay-text{font-family:var(--font-roboto);font-size:14px;line-height:2;color:white;letter-spacing:0.03em;padding:28px 24px}@media screen and (min-width: 480px) and (max-width: 767px){.overlay-text{font-size:18px;padding:63px 24px}}@media screen and (max-width: 400px){.overlay-text{font-size:11px}}.overlay img{width:100%}footer{padding:60px 0;background-color:var(--dark-grey)}footer a{color:var(--text-color);font-size:26px;line-height:1.19;text-decoration:none}.footer-text{margin-bottom:60px}@media screen and (max-width: 479px){.footer-text{margin-left:auto;margin-right:auto}}.footer-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.footer-block{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media screen and (min-width: 768px) and (max-width: 1199px){.footer-block{-ms-flex-pack:distribute;justify-content:space-around}}@media screen and (min-width: 1200px){.footer-block{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media screen and (min-width: 1200px){.footer-links{margin-left:70px}}.footer-info a{display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--footer-text);font-size:14px;line-height:1.7;margin-bottom:9px}.footer-info li{margin-bottom:9px}.footer-info li:last-child{margin-bottom:0px}.footer-logo{color:var(--white);display:inherit;margin:0px}@media screen and (min-width: 480px) and (max-width: 1199px){.footer-logo{text-align:center}}.footer-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:60px}@media screen and (min-width: 480px) and (max-width: 1199px){.footer-links{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.footer-links h3,.subscribe h3{text-transform:uppercase;color:var(--white);font-size:14px;line-height:1.14;letter-spacing:0.03em;font-weight:bold;margin-bottom:20px}@media screen and (max-width: 479px){.footer-links h3,.subscribe h3{text-align:center}}@media screen and (min-width: 1200px){.footer-links h3,.subscribe h3{text-align:left}}.links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 480px) and (max-width: 1199px){.links{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.links li{margin-right:10px}.links li:last-child{margin-right:0}.links a{display:-webkit-box;display:-ms-flexbox;display:flex;width:44px;height:44px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(255,255,255,0.1);border-radius:50%;-webkit-transition:background-color var(--time) var(--time-cubic);transition:background-color var(--time) var(--time-cubic)}.links a:hover,.links a:focus{border-radius:50%;background-color:var(--blue)}.links svg{background-color:transparent;width:20px;height:20px;fill:var(--white)}address{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:20px;font-style:normal}@media screen and (min-width: 480px) and (max-width: 1199px){address{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}address a{-webkit-transition:color var(--time) var(--time-cubic);transition:color var(--time) var(--time-cubic)}address a:hover{color:var(--white)}address a:last-child{margin-bottom:0px}address p{color:var(--white);font-size:14px;line-height:1.7;margin-bottom:9px}.subscribe{text-align:center}@media screen and (min-width: 1200px){.subscribe{margin-left:93px}}.subscribe-form{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-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1200px){.subscribe-form{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.subscribe-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:200px;height:50px;background:#2196f3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;font-weight:700;font-size:16px;line-height:1.88;color:var(--white);letter-spacing:0.06em;margin-top:20px}@media screen and (min-width: 1200px){.subscribe-btn{margin-top:0px;margin-left:12px}}.subscribe-icon{width:24px;height:24px;margin-left:10px}.subscribe-input{padding:15px 16px;outline:none;border-radius:4px;background-color:var(--dark-grey);border:1px solid var(--texr-p);height:50px;color:var(--texr-p)}.subscribe-input::-webkit-input-placeholder{color:rgba(255,255,255,0.6)}.subscribe-input:-ms-input-placeholder{color:rgba(255,255,255,0.6)}.subscribe-input::-ms-input-placeholder{color:rgba(255,255,255,0.6)}.subscribe-input::placeholder{color:rgba(255,255,255,0.6)}@media screen and (min-width: 480px){.subscribe-input{width:450px}}@media screen and (min-width: 768px){.subscribe-input{width:358px}}
/*# sourceMappingURL=main.min.css.map */