:root{--primary-text-color: #212121;--title-text-color: #757575;--accent-color: #2196f3;--white-color: #ffffff;--bgc-teams: #f5f4fa;--main-fonts: Roboto, sans-serif;--secondary-font: Raleway, sans-serif;--modal-text-color: #757575}h1,h2,h3,h4,p,ul{margin:0px;padding:0px}ul{list-style-type:none;-webkit-padding-start:0;padding-inline-start:0}img{display:block;max-width:100%;height:auto}.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}.container{padding-left:15px;padding-right:15px;margin-right:auto;margin-left:auto}@media screen and (min-width: 480px){.container{max-width:480px}}@media screen and (min-width: 768px){.container{max-width:768px}}@media screen and (min-width: 1200px){.container{max-width:1200px}}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#fff;color:var(--primary-text-color);font-family:var(--main-fonts)}.header{border:1px solid #ececec;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.25);box-shadow:0px 4px 4px rgba(0,0,0,.25)}@media screen and (min-width: 320px)and (max-width: 767.5px){.header{padding-top:30px;padding-bottom:30px}}@media screen and (min-width: 767.5px)and (max-width: 1199.5px){.header{padding-top:21px;padding-bottom:21px}}.header-container{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.link{color:var(--primary-text-color);text-decoration:none;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.example__list:not(:last-child){margin-right:50px}.site-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 1200px){.site-nav{-ms-flex-wrap:wrap;flex-wrap:wrap}}.border{border-bottom:1px solid #ececec}.logo{font-family:var(--secondary-font);color:var(--primary-text-lcolor);text-decoration:none;font-weight:700;font-size:26px;line-height:1.1923076923;letter-spacing:.03em;margin-right:93px}@media screen and (min-width: 768px)and (max-width: 1199.5px){.logo{margin-right:74px}}.Web{color:var(--accent-color)}.contact-link{color:var(--title-text-color);text-decoration:none;font-weight:500;line-height:1.1428571429;letter-spacing:.02em;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px)and (max-width: 1199.5px){.contact-link{font-size:12px;line-height:1.1666666667}}.mail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding-top:32px;padding-bottom:32px}@media screen and (min-width: 768px)and (max-width: 1199.5px){.mail{padding-top:0px;padding-bottom:0px}}.link:hover,.link:focus{color:var(--accent-color)}.contact-link:hover,.contact-link:focus{color:var(--accent-color)}.telephone:hover,.telephone:focus{color:var(--accent-color)}.contacts-mail,.contacts-smartphone{fill:currentColor}.header-list{margin-left:auto;gap:8px}@media screen and (min-width: 0px)and (max-width: 767.5px){.header-list{display:none}}@media screen and (min-width: 1200px){.header-list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;text-decoration:none;gap:30px;padding-top:0px;padding-bottom:0px}}@media screen and (min-width: 768px)and (max-width: 1199.5px){.mb{margin-bottom:10px}}.current::before{display:block;content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:#2196f3;border-radius:2px}.current{position:relative;padding-bottom:33px}@media screen and (min-width: 0px)and (max-width: 767.5px){.nav{display:none}}.site-nav .nav-item:not(:last-child){margin-right:50px}.site-nav .nav-item{display:block;font-weight:500;font-size:14px;line-height:1.1428571429;letter-spacing:.02em}.site-nav .item+.item{margin-right:50px}.menu-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:40px;height:40px;padding:0;margin-left:auto;background-color:rgba(0,0,0,0);border:none;cursor:pointer}@media screen and (min-width: 768px){.menu-btn{display:none}}.menu-toggle{border:none;background-color:var(--wite-color)}.menu-container{position:fixed;top:0;left:0;z-index:1000;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%;height:100%;padding:40px 48px;background-color:var(--white-color);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 400ms;transition:-webkit-transform 400ms;transition:transform 400ms;transition:transform 400ms, -webkit-transform 400ms}@media screen and (min-width: 768px){.menu-container{display:none}}.menu-container.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.menu-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px}@media(min-width: 0px)and (max-width: 479px){.menu-nav{gap:15px}}.menu-toggle{position:absolute;top:10px;right:15px}.menu-contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px}.mobile-socials{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:64px;gap:10px}@media(min-width: 0px)and (max-width: 479px){.mobile-socials{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:35px}}.menu-link{font-weight:500;font-size:40px;line-height:1.175;letter-spacing:.02em;color:var(--primary-text-color)}@media(min-width: 0px)and (max-width: 479px){.menu-link{font-size:32px;line-height:1.125}}.menu-number{font-weight:500;font-size:24px;line-height:1.6666666667;letter-spacing:.02em;color:var(--accent-color)}@media(min-width: 0px)and (max-width: 479px){.menu-number{font-size:20px;line-height:1.4}}.menu-email{font-weight:500;font-size:24px;line-height:1.1666666667;letter-spacing:.02em;color:var(--title-text-color)}@media(min-width: 0px)and (max-width: 479px){.menu-email{font-size:20px;line-height:1.4}}.mobile-socials-link{font-weight:500;font-size:18px;line-height:1.2222222222;letter-spacing:.02em;color:var(--accent-color)}@media(min-width: 0px)and (max-width: 479px){.mobile-socials-link{font-size:16px;line-height:1.1875}}.menu-link:hover,.menu-link:focus{color:var(--accent-color)}.mobile-line::after{content:"";display:inline-block;width:.2px;height:22px;background-color:rgba(33,33,33,.2)}@media(min-width: 0px)and (max-width: 479px){.mobile-line::after{display:none}}.mobile-line{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.menu-icon:hover,.menu-icon:focus{fill:var(--accent-color)}.main{background-color:#2f303a;margin-left:auto;margin-right:auto;background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center;padding-top:200px;padding-bottom:200px;max-width:480px;max-height:400px;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/hero/header-img-mob-@1x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/header-img-mob-@1x.jpg)}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.main{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/hero/header-img-mob-@2x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/header-img-mob-@2x.jpg)}}@media screen and (min-width: 769px){.main{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/hero/header-img-tab-@1x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/header-img-tab-@1x.jpg)}}@media screen and (min-width: 769px)and (min-device-pixel-ratio: 2),screen and (min-width: 769px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 769px)and (min-resolution: 192dpi),screen and (min-width: 769px)and (min-resolution: 2dppx){.main{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/hero/header-img-tab-@2x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/header-img-tab-@2x.jpg)}}@media screen and (min-width: 1200px){.main{max-width:1600px;max-height:600px;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/hero/img@1x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/img@1x.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){.main{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/hero/img@2x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/hero/img@2x.jpg)}}.main__title{top:50%;bottom:50%;font-weight:900;margin-left:auto;margin-right:auto;text-transform:uppercase;letter-spacing:.06em;margin-top:0;color:var(--white-color);font-size:21px;line-height:1.7142857143;width:317px;padding-bottom:30px;font-family:var(--main-fonts)}@media screen and (min-width: 480px)and (max-width: 767.5px){.main__title{font-size:26px;line-height:1.6153846154}}@media screen and (min-width: 768px)and (max-width: 1199.5px){.main__title{padding-bottom:30px;width:360px}}@media screen and (min-width: 1200px){.main__title{font-size:44px;line-height:1.3636363636;width:696px}}.btn{display:inline-block;padding:10px 32px;margin-left:auto;margin-right:auto;border-radius:4px;border:none;cursor:pointer;color:var(--white-color);background-color:var(--accent-color);font-family:inherit;font-weight:700;font-size:16px;line-height:1.875;letter-spacing:.06em}@media screen and (min-width: 768px)and (max-width: 1199.5px){.btn{margin-top:0px}}.benefits{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.benefits{padding-top:94px;padding-bottom:94px}}@media screen and (min-width: 480px){.benefits__list{gap:30px}}@media screen and (min-width: 768px){.benefits__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.benefits__list{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;list-style-type:none}}.benefits__title{font-weight:700;font-size:14px;line-height:1.1428571429;letter-spacing:.03em;text-transform:uppercase;margin-bottom:10px}.benefits__text{color:var(--title-text-color);font-size:14px;line-height:1.7142857143;letter-spacing:.03em}@media screen and (min-width: 320px)and (max-width: 767.5px){.benefits__item{width:100%}}@media screen and (min-width: 320px)and (max-width: 767.5px){.benefits__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.benefits__item{width:354px}}@media screen and (min-width: 1200px){.benefits__item{width:270px}}.benefits__icon{background-color:#f5f4fa}.benefits__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:120px;background-color:var(--bgc-teams);border-radius:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.section{padding-bottom:94px}@media screen and (max-width: 1199px){.example{display:none}}.works{display:-webkit-box;display:-ms-flexbox;display:flex}.example__list:not(:last-child){margin-right:30px}.example__list{margin-right:30px;position:relative;height:286px}.example__title{font-weight:700;line-height:1.1428571429;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color);background-color:rgba(47,48,58,.8);position:absolute;bottom:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:70px;width:100%}.card{background-color:var(--bgc-teams)}@media screen and (min-width: 480px){.card{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.card{padding-top:94px;padding-bottom:94px}}.card__item{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:0px 0px 4px 4px}@media screen and (min-width: 768px)and (max-width: 1199.5px){.card .card__item{width:calc((100% - 30px)/2)}}.card__name{font-weight:500;font-size:16px;line-height:1.1875;letter-spacing:.03em;margin-bottom:10px}.card__box{padding-top:30px;padding-bottom:30px}.card__list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.card__position{color:var(--title-text-color);line-height:1.1875;letter-spacing:.03em;margin-bottom:16px}.card__item{text-align:center}@media screen and (max-width: 767.5px){.card__item{margin-left:auto;margin-right:auto;width:450px}}.container__title{margin-bottom:50px}.social__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-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;width:44px;height:44px;border-radius:50%;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.social-link:hover,.social-link:focus{background-color:var(--accent-color)}.social-link:hover .socials-icon,.social-link:focus .socials-icon{fill:var(--white-color)}.socials-icon{fill:#afb1b8;-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 480px)and (max-width: 1199px){.clients{padding-top:58px;padding-bottom:62px}}@media screen and (min-width: 1200px){.clients{padding-top:94px;padding-bottom:94px}}.clients__list{padding-top:0px;padding-bottom:0px;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}@media screen and (min-width: 480px)and (max-width: 767.5px){.clients__list{gap:30px}}@media screen and (min-width: 320px)and (max-width: 479px){.clients__list{gap:15px}}@media screen and (min-width: 1200px){.clients .clients__list{gap:30px}}.clients__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;border:1px solid #afb1b8;border-radius:4px;-webkit-transition-property:border;transition-property:border;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 320px)and (max-width: 479px){.clients__link{min-width:290px;height:92px}}@media screen and (min-width: 480px){.clients__link{width:210px;height:92px}}@media screen and (min-width: 768px)and (max-width: 1199.5px){.clients__link{width:226px}}@media screen and (min-width: 1200px){.clients__link{width:170px;height:92px;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;border:1px solid #afb1b8;border-radius:4px;-webkit-transition-property:border;transition-property:border;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}}.clients__icon{fill:#afb1b8;-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover,.clients__link:focus{border:1px solid var(--accent-color)}.clients__link:hover .clients__icon,.clients__link:focus .clients__icon{fill:var(--accent-color)}@media screen and (min-width: 768px)and (max-width: 1199.5px){.clients__item{width:calc((100% - 90px)/3);margin:15px}}@media screen and (min-width: 768px)and (max-width: 1119.5px){.clients__list{margin:-15px}}.container__title{text-align:center;font-weight:700;font-size:36px;line-height:1.1666666667;letter-spacing:.03em;margin-left:auto;margin-right:auto}@media screen and (min-width: 768px)and (max-width: 1199px){.container__title{font-size:28px;line-height:1.1785714286}}@media screen and (min-width: 1200px){.container__title{margin-bottom:50px}}@media screen and (min-width: 320px)and (max-width: 767.5px){.footer-container{margin-bottom:60px}}@media screen and (min-width: 1200px){.footer-container{margin-right:70px}}.footer{width:100%;padding-top:60px;padding-bottom:60px;background:#2f303a}.footer-box{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 768px)and (max-width: 1199px){.footer-box{margin-top:60px;width:768px;-ms-flex-pack:distribute;justify-content:space-around}}.footer-logo{font-family:var(--secondary-font);color:var(--white-color);text-decoration:none;font-size:26px;font-weight:700;line-height:1.1923076923;letter-spacing:.03em;margin-bottom:20px}.link-address{font-style:normal;text-decoration:none;color:var(--white-color);font-size:14px;line-height:1.7142857143;letter-spacing:.03em}.list-footer{text-decoration:none;line-height:1.7142857143;letter-spacing:.03em;color:rgba(255,255,255,.6)}.contacts-adress{font-style:normal;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 480px){.contacts-adress{margin-top:20px}}.footer-contacts{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer-contacts>.link-address:not(:last-child){margin-bottom:10px}.footer-title{margin-bottom:20px;font-family:var(--main-fonts);font-style:normal;font-weight:700;font-size:14px;line-height:1.1428571429;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color)}@media screen and (min-width: 768px)and (max-width: 1199.5px){.footer-title{text-align:center}}.footer-social-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.footer-social-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;width:44px;height:44px;border-radius:50%;background-color:rgba(255,255,255,.1);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer-social-icon{fill:var(--white-color)}.footer-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;max-width:1200px}@media screen and (min-width: 320px)and (max-width: 767.5px){.footer-box{-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;text-align:center}}@media screen and (min-width: 768px)and (max-width: 1199.5px){.footer-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.footer-social-link:hover .footer-socials-icon,.footer-social-link:focus .footer-socials-icon{fill:var(--white-color)}.footer-social-link:hover,.footer-social-link:focus{background-color:var(--accent-color)}@media screen and (min-width: 768px)and (max-width: 1199.5px){.footer-subscription{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}}.footer-subscription-label{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 320px)and (max-width: 767.5px){.footer-subscription-label{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 768px)and (max-width: 1199.5px){.footer-subscription-label{-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}}.footer-subscription-title{display:inline-block;font-weight:700;font-size:14px;line-height:1.1428571429;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color);margin-bottom:20px}@media screen and (min-width: 3200px)and (max-width: 767.5px){.footer-subscription-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 320px)and (max-width: 767.5px){.footer-link{margin-bottom:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 1200px){.footer-link{margin-right:auto}}.footer-subscription-mail{display:block;outline:none;width:358px;height:50px;padding-left:16px;padding-right:16px;background-color:#2f303a;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;color:var(--white-color)}@media screen and (min-width: 0px)and (max-width: 767.5px){.footer-subscription-mail{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;width:100%}}@media screen and (min-width: 768px)and (max-width: 1199.5px){.footer-subscription-mail{margin-bottom:20px;max-width:450px}}@media screen and (min-width: 1200px){.footer-subscription-mail{margin-right:12px}}.footer-subscription-mail::-webkit-input-placeholder{color:rgba(255,255,255,.6)}.footer-subscription-mail::-moz-placeholder{color:rgba(255,255,255,.6)}.footer-subscription-mail:-ms-input-placeholder{color:rgba(255,255,255,.6)}.footer-subscription-mail::-ms-input-placeholder{color:rgba(255,255,255,.6)}.footer-subscription-mail::placeholder{color:rgba(255,255,255,.6)}.footer-subscription-btn{font-weight:700;font-size:16px;line-height:1.875;letter-spacing:.06em;padding:10px 28px;color:var(--white-color);background:var(--accent-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;border:none}.footer-subscription-plane{fill:var(--white-color)}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);-webkit-transition:visibility 1000ms,opacity 1000ms;transition:visibility 1000ms,opacity 1000ms}.Modal-window:hover,.Modal-window:focus{fill:var(--accent-color)}.modal{padding:30px;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;width:300px;height:575px;background-color:var(--white-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);border-radius:16px;border-radius:4px}@media screen and (min-width: 480px)and (max-width: 1119.5px){.modal{padding:40px;width:450px;height:609px}}@media screen and (min-width: 1200px){.modal{padding:40px;width:528px;height:581px}}.modal-btn{position:absolute;top:10px;right:10px;width:35px;height:35px;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;border-radius:50%;background:var(--white-color);border:1px solid rgba(0,0,0,.1);cursor:pointer}.backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.register-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}.register-form-group{margin-bottom:10px}.register-title{font-family:var(--main-fonts);font-weight:700;font-size:20px;line-height:1.15;letter-spacing:.03em;color:var(--primary-text-color);text-align:center;margin-bottom:12px}@media screen and (min-width: 320px)and (max-width: 479px){.register-title{font-size:12px;line-height:1.1666666667}}.form-name,.form-tell,.form-mail{width:448px;height:40px;padding-left:42px;padding-right:42px}@media screen and (min-width: 320px)and (max-width: 479px){.form-name,.form-tell,.form-mail{width:250px}}@media screen and (min-width: 480px)and (max-width: 1199.5px){.form-name,.form-tell,.form-mail{width:369px}}.form-coment{resize:none;padding:12px 16px;width:100%}.form-coment::-webkit-input-placeholder{color:rgba(117,117,117,.5019607843)}.form-coment::-moz-placeholder{color:rgba(117,117,117,.5019607843)}.form-coment:-ms-input-placeholder{color:rgba(117,117,117,.5019607843)}.form-coment::-ms-input-placeholder{color:rgba(117,117,117,.5019607843)}.form-coment::placeholder{color:rgba(117,117,117,.5019607843)}.register-input{outline:rgba(0,0,0,0);border:1px solid rgba(33,33,33,.2);border-radius:4px;font-size:14px;-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 320px)and (max-width: 479px){.register-input{font-size:12px}}.register-input:focus{border-color:var(--accent-color)}.register-label{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:20px}.register-btn{font-family:inherit;font-weight:700;font-size:16px;line-height:1.875;letter-spacing:.06em;width:200px;height:50px;background-color:var(--accent-color);color:var(--white-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border:0px;cursor:pointer}.register-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px;margin-bottom:30px}.register-checkbox-item:checked+.register-checkbox-icon{background-color:var(--accent-color);border-radius:2px;border-color:var(--accent-color);background-origin:border-box}.register-checkbox-icon{width:16px;height:15px;border:2px solid var(--primary-text-color);border-radius:2px}.register-checkbox-item{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.register-form-text{font-size:12px;line-height:1.1666666667;letter-spacing:.01em;color:var(--modal-text-color);margin-bottom:4px}.register-iconbox{position:relative;margin-bottom:10px}.register-icon{fill:var(--primary-text-color);position:absolute;left:12px;bottom:11px;-webkit-transition-property:fill;transition-property:fill;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.register-input:focus~.register-icon{fill:var(--accent-color)}.register-aprove{font-size:14px;line-height:1.7142857143;letter-spacing:.03em;color:var(--title-text-color)}@media screen and (min-width: 480px)and (max-width: 1199.5px){.register-aprove{font-size:12px;line-height:1.1666666667}}.register-link{color:var(--accent-color)}.portfolio{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 480px){.portfolio{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1200px){.portfolio{padding-top:94px;padding-bottom:94px}}.portfolio__btn{font-family:inherit;font-weight:500;font-size:16px;line-height:1.625;letter-spacing:.03em;border-radius:4px;border:0px;padding-top:6px;padding-bottom:6px;padding-left:22px;padding-right:22px;-webkit-transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,-webkit-box-shadow;transition-property:color,background-color,box-shadow;transition-property:color,background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__btn:focus,.portfolio__btn:hover{background-color:var(--accent-color);color:var(--white-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);border-radius:4px}.list-main{color:var(--primary-text-color);font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em}.examples{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.examples__link{text-decoration:none}.examples__item{width:370px;border:1px solid #eee;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767.5px){.examples__item{margin-left:auto;margin-right:auto;width:450px}}@media screen and (min-width: 768px)and (max-width: 1199.5px){.examples__item{width:calc((100% - 30px)/2)}}.examples__item:hover,.examples__item:focus{-webkit-box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16);box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.examples__item:nth-child(3n){margin-right:0}.examples__item:nth-child(-n+3){margin-bottom:0}.examples__thumb{position:relative;overflow:hidden}.examples__link:hover .overlay,.examples__link:focus .overlay{-webkit-transform:translateY(0);transform:translateY(0)}.name-project{color:var(--title-text-color);line-height:1.875;letter-spacing:.03em}.footer-item:not(:last-child){margin-bottom:9px}.work{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;gap:8px;margin-bottom:30px}@media screen and (min-width: 480px){.work{width:428px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}}@media screen and (min-width: 768px){.work{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.work{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:50px}}.project-div{padding-top:20px;padding-bottom:20px;padding-left:24px;padding-right:24px;border-right:30px;border-bottom:30px;border-left:30px}.overlay{padding-left:24px;padding-right:24px;padding-top:63px;padding-bottom:63px;position:absolute;top:0;left:0;-webkit-transform:translateY(101%);transform:translateY(101%);width:100%;height:100%;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-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(33,149,243,.9);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition:-webkit-transform 250ms;transition:-webkit-transform 250ms;transition:transform 250ms;transition:transform 250ms, -webkit-transform 250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.overlay__text{font-family:var(--main-fonts);font-size:18px;line-height:1.5555555556;letter-spacing:.03em;color:var(--white-color)}.list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}/*# sourceMappingURL=main.min.css.map */