:root{--primary-text-color: #757575;--secondary-text-color: #212121;--white-color: #ffffff;--blue-color: #2196f3;--footer-text-colors: rgba(255, 255, 255, 0.6);--background-color-hero-footer: #2f303a;--main-background-color: #ffffff;--backgrount-color-team: #f5f4fa;--backgrount-btn-active: #188ce8;--border-header: #ececec;--border-portfolio-pictures: #eeeeee;--link-icons-color: #afb1b8;--footer-background-icons: rgba(255, 255, 255, 0.1);--transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);--gradient: linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4))}h1,h2,h3,h4,h5,h6,p{margin:0}ul{list-style:none;margin:0;padding:0}.container{width:100%;margin:0 auto;padding-left:15px;padding-right:15px}@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}}.vissually-hidden{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}body{font-family:"Roboto",sans-serif;color:var(--primary-text-color);background-color:var(--main-background-color)}body.modal-open{overflow:hidden}li{list-style-type:none}img{display:block;max-width:100%;width:100%;height:auto}button{cursor:pointer}.header{background-color:var(--white-color);border-bottom:1px solid var(--border-header)}.container.header__container{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}.logo{color:var(--blue-color);padding-top:25px;padding-bottom:25px;font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;line-height:1.1923;letter-spacing:.03em;-webkit-text-decoration-line:none;text-decoration-line:none}@media screen and (min-width: 768px){.logo{margin-right:88px}}@media screen and (min-width: 1200px){.logo{margin-right:92px}}.logo--black{color:#000}.menu-toggle{min-height:40px;min-width:40px;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:0;padding:0;background-color:rgba(0,0,0,0);border:none;border-radius:50%;outline:none}@media screen and (min-width: 768px){.menu-toggle{display:none}}.menu-toggle:hover .mob-menu__icons-rows,.menu-toggle:focus .mob-menu__icons-rows{fill:var(--blue-color)}.menu-toggle:hover .mob-menu__icons-cross,.menu-toggle:focus .mob-menu__icons-cross{fill:var(--blue-color)}.menu-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:48px;padding-bottom:48px;padding-left:40px;padding:auto;background-color:var(--white-color);z-index:999;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 250ms ease-in-out;transition:-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out}@media screen and (max-width: 420px){.menu-container{padding-left:20px}}.menu-container.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.menu-container .menu-toggle{position:absolute;top:16px;right:16px;color:#fff}.mobile-menu__item{margin-bottom:32px}.mobile-menu__item:last-child{margin-bottom:0}.mobile-menu__link{font-weight:500;font-size:40px;line-height:1.75;letter-spacing:.02em;-webkit-text-decoration-line:none;text-decoration-line:none;display:block;color:var(--secondary-text-color)}.mobile-menu__link:hover,.mobile-menu__link:focus{color:var(--blue-color)}.mobile-menu__contacts{margin-bottom:64px}.mobile-menu__contacts-item{margin-bottom:32px}.mobile-menu__contacts-item:last-child{margin-bottom:0}.mobile-menu__contacts-link{font-weight:500;font-size:24px;line-height:1.16;letter-spacing:.02em;-webkit-text-decoration-line:none;text-decoration-line:none;display:block;color:var(--primary-text-color)}.mobile-menu__contacts-link:hover,.mobile-menu__contacts-link:focus{color:var(--blue-color);font-size:34px;line-height:1.17;letter-spacing:.02em}.mobile-menu__soc-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}@media screen and (max-width: 420px){.mobile-menu__soc-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.mobile-menu__soc-item{position:relative}.mobile-menu__soc-item::after{content:"";width:22px;height:0px;border:1px solid rgba(33,33,33,.2);-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;right:-20px;top:50%}.mobile-menu__soc-item:last-child::after{display:none}.mobile-menu__soc-links{display:block;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;text-decoration:none;color:var(--blue-color)}.mobile-menu__soc-links:hover,.mobile-menu__soc-links:focus{color:var(--backgrount-btn-active)}.site-nav{margin-right:auto}@media screen and (max-width: 767px){.site-nav{display:none}}@media screen and (min-width: 768px)and (max-width: 1199px){.site-nav{margin-right:100px}}.site-nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-nav__contacts-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px;margin-left:auto}@media screen and (max-width: 767px){.site-nav__contacts-list{display:none}}@media screen and (min-width: 768px)and (max-width: 1199px){.site-nav__contacts-list{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}}.site-nav__link{color:var(--secondary-text-color);font-weight:500;font-size:14px;line-height:1.1428;letter-spacing:.02em;-webkit-text-decoration-line:none;text-decoration-line:none;display:block;padding-bottom:32px;padding-top:32px;-webkit-transition:color;transition:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}.site-nav .site-nav__link:hover,.site-nav .site-nav__link:focus{color:var(--blue-color)}.site-nav__icons{fill:currentColor;margin-right:10px}.site-nav__contacts-link:hover .site-nav__icons,.site-nav__contacts-link:focus .site-nav__icons{fill:var(--blue-color)}.site-nav__contacts-link{color:var(--primary-text-color);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:100%;height:100%;padding-top:32px;padding-bottom:32px;font-weight:500;font-size:14px;line-height:1.1428;letter-spacing:.02em;-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition:color;transition:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}@media screen and (min-width: 768px){.site-nav__contacts-link{padding:0%}}.site-nav__contacts-link:hover,.site-nav__contacts-link:focus{color:var(--blue-color)}.site-nav__link--current{position:relative;color:var(--blue-color);padding-bottom:32px;padding-top:32px;display:block;-webkit-text-decoration-line:none;text-decoration-line:none;font-weight:500;font-size:14px;line-height:1.1428;letter-spacing:.02em;-webkit-transition:color;transition:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}.site-nav__link--current::after{position:absolute;bottom:-1px;content:"";display:block;width:100%;height:4px;background-color:var(--blue-color);border-radius:2px}.hero{background-color:var(--background-color-hero-footer);text-align:center;padding-top:118px;padding-bottom:118px}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px}}.hero--overlay{max-width:1600px;margin-left:auto;margin-right:auto;background-image:var(--gradient),url(../images/hero-mob.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero--overlay{background-image:var(--gradient),url(../images/hero-mob2x.jpg)}}@media screen and (min-width: 480px){.hero--overlay{background-image:var(--gradient),url(../images/hero-table.jpg)}}@media screen and (min-width: 480px)and (min-device-pixel-ratio: 2),screen and (min-width: 480px)and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 480px)and (min-resolution: 192dpi),screen and (min-width: 480px)and (min-resolution: 2dppx){.hero--overlay{background-image:var(--gradient),url(../images/hero-table2x.jpg)}}@media screen and (min-width: 768px){.hero--overlay{background-image:var(--gradient),url(../images/hero-desktop.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--overlay{background-image:var(--gradient),url(../images/hero-desktop2x.jpg)}}.hero__title{color:var(--white-color);margin-bottom:30px;font-family:"Roboto";font-weight:900;text-transform:uppercase;line-height:1.615;font-size:20px}@media screen and (min-width: 480px){.hero__title{font-size:26px}}@media screen and (min-width: 1200px){.hero__title{margin-bottom:40px;font-size:44px;line-height:1.365}}.hero__button{color:var(--white-color);padding:10px 32px;min-width:216px;font-family:inherit;font-weight:700;font-size:16px;line-height:1.875;cursor:pointer;background:var(--blue-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:0ch;-webkit-transition:background-color;transition:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}.hero__button:hover,.hero__button:focus{background-color:var(--backgrount-btn-active)}.features{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.features{padding-top:94px;padding-bottom:94px}}.features__title{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}.features__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}.features__item{width:100%}@media screen and (min-width: 768px){.features__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.features__item{width:calc((100% - 90px)/4)}}.features__icons{width:70px;height:70px;display:block}.features__subtitle{color:var(--secondary-text-color);margin-bottom:10px;font-size:14px;line-height:1.1428;letter-spacing:.03em;text-transform:uppercase}.features__text{color:var(--primary-text-color);font-size:14px;line-height:1.7142;letter-spacing:.03em}.features__icons-box{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-bottom:30px;width:100%;height:120px;background:var(--backgrount-color-team);border-radius:4px}.activities{padding-bottom:94px}@media screen and (max-width: 1199px){.activities{display:none}}.activities__title{color:var(--secondary-text-color);margin-bottom:50px;font-size:36px;line-height:1.1666;text-align:center;letter-spacing:.03em}.activities__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.activities__item{width:calc((100% - 60px)/3);position:relative}.activities__text{position:absolute;bottom:0;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:100%;height:70px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color);background:rgba(47,48,58,.8)}.team{background-color:var(--backgrount-color-team);padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team__title{color:var(--secondary-text-color);margin-bottom:30px;font-size:36px;line-height:1.1666;text-align:center;letter-spacing:.03em}@media screen and (min-width: 1200px){.team__title{margin-bottom:50px}}.team__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto;margin-right:auto}.team__list>.team__item{background-color:var(--white-color)}.team__item{width:100%}@media screen and (min-width: 768px){.team__item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.team__item{width:calc((100% - 90px)/4)}}.team__text-wrapper{padding-bottom:30px;padding-top:30px;padding-right:32px;padding-left:32px}.team__soc-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.team__soc-item{width:44px;height:44px}.team__soc-link{width:100%;height:100%;background-color:var(--white-color);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color;transition:background-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}.team__soc-link:hover,.team__soc-link:focus{background-color:var(--blue-color)}.team__soc-icons{fill:var(--link-icons-color);-webkit-transition:fill;transition:fill;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}.team__soc-link:hover .team__soc-icons{fill:var(--white-color)}.team__soc-link:focus .team__soc-icons{fill:var(--white-color)}.team__item{-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}.team__subtitle{color:var(--secondary-text-color);margin-bottom:10px;font-weight:500;font-size:16px;line-height:1.1875;text-align:center;letter-spacing:.03em}.team__text{font-size:16px;line-height:1.1875;text-align:center;letter-spacing:.03em;margin-bottom:16px}.customers{padding-bottom:60px;padding-top:60px}@media screen and (min-width: 1200px){.customers{padding-bottom:94px;padding-top:94px}}.customers__title{color:var(--secondary-text-color);font-weight:700;font-size:36px;line-height:1.16;text-align:center;letter-spacing:.03em;margin-bottom:30px}.customers__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}.customers__item{background-color:var(--white-color);width:calc((100% - 30px)/2);height:92px;border:1px solid #afb1b8;border-radius:4px;-webkit-transition:border-color;transition:border-color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}@media screen and (min-width: 768px){.customers__item{width:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.customers__item{width:calc((100% - 150px)/6)}}.customers__item:hover{border-color:var(--blue-color)}.customers__link{color:var(--link-icons-color);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-transition:color;transition:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}.customers__link:hover,.customers__link:focus{color:var(--blue-color)}.customers__icons{fill:currentColor;-webkit-transition:fill;transition:fill;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}.footer{background-color:var(--background-color-hero-footer);padding-top:60px;padding-bottom:60px}.footer__address-box{text-align:center;margin-bottom:60px}@media screen and (min-width: 1200px){.footer__address-box{margin-bottom:0;margin-right:70px}}.footer__logo{color:var(--blue-color);display:block;margin-bottom:28px;font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;line-height:1.1923;letter-spacing:.03em;-webkit-text-decoration-line:none;text-decoration-line:none}.footer__logo--white{color:var(--white-color)}.footer__address{font-family:"Roboto";font-style:normal;font-size:14px;line-height:1.7142;letter-spacing:.03em}.footer__adr-text{color:var(--white-color);display:block;margin-bottom:12px;-webkit-transition:color;transition:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}.footer__adr-text:hover,.footer__adr-text:focus{color:var(--blue-color)}.footer__map-navigation{margin-bottom:9px;-webkit-text-decoration-line:none;text-decoration-line:none}.footer__link{display:block;margin-bottom:9px;-webkit-transition:color;transition:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}.footer__box{display:block}@media screen and (min-width: 1200px){.footer__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.footer__soc-box{display:block;text-align:center;margin-bottom:60px}@media screen and (min-width: 1200px){.footer__soc-box{margin:0}}.footer__soc-text{margin-bottom:20px;color:var(--white-color);font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase}.footer__soc-list{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;gap:10px}.footer__soc-item{height:44px;width:44px}.footer__soc-link{width:100%;height:100%;background-color:var(--footer-background-icons);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:color;transition:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}.footer__soc-link:hover,.footer__soc-link:focus{background-color:var(--blue-color)}.footer__soc-icons{fill:var(--white-color)}@media screen and (max-width: 1199px){.footer__forms{display:block;text-align:center}}@media screen and (min-width: 1200px){.footer__send-forms{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px}}.footer__forms-text{margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--white-color)}.footer__input-email{width:100%;height:50px;margin-bottom:20px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background-color:rgba(0,0,0,0);outline:rgba(0,0,0,0);color:var(--white-color);padding-left:12px;-webkit-transition:border-color 250ms var(--transition-timing-function),focus 250ms var(--transition-timing-function);transition:border-color 250ms var(--transition-timing-function),focus 250ms var(--transition-timing-function)}@media screen and (min-width: 768px){.footer__input-email{width:450px}}@media screen and (min-width: 1200px){.footer__input-email{width:358px;margin:0%}}.footer__input-email::-webkit-input-placeholder{color:var(--footer-text-colors)}.footer__input-email::-moz-placeholder{color:var(--footer-text-colors)}.footer__input-email:-ms-input-placeholder{color:var(--footer-text-colors)}.footer__input-email::-ms-input-placeholder{color:var(--footer-text-colors)}.footer__input-email::placeholder{color:var(--footer-text-colors)}.footer__input-email:focus,.footer__input-email:hover{border-color:var(--blue-color)}.footer__input-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;gap:10px;margin:0 auto;width:200px;height:50px;border:none;border-radius:4px;color:var(--white-color);background-color:var(--blue-color);-webkit-transition:background-color 250ms var(--transition-timing-function);transition:background-color 250ms var(--transition-timing-function)}.footer__input-btn:hover,.footer__input-btn:focus{background-color:var(--backgrount-btn-active)}@media screen and (min-width: 768px){.tablet__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.footer__address-item>.footer__link{color:var(--footer-text-colors);text-decoration:none}.footer__address-item>.footer__link{color:var(--footer-text-colors);-webkit-text-decoration-line:none;text-decoration-line:none}.footer__address-item>.footer__link:hover{color:var(--blue-color)}.footer__address-item>.footer__link:focus{color:var(--blue-color)}.portfolio{background-color:var(--main-background-color);padding-top:94px;padding-bottom:94px;overflow:hidden}@media screen and (min-width: 480px)and (max-width: 1199px){.portfolio{padding-top:60px;padding-bottom:60px}}.portfolio__title{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}.portfolio__btn-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:34px}@media screen and (max-width: 767px){.portfolio__btn-list{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:40px}}@media screen and (min-width: 480px)and (max-width: 767px){.portfolio__item{margin-right:8px;margin-bottom:15px}}@media screen and (min-width: 480px)and (max-width: 767px){.portfolio__item:nth-child(n+4){margin-bottom:0}}.portfolio__btn{text-align:center;color:var(--secondary-text-color);min-width:73px;padding:6px 25px;font-family:inherit;font-weight:500;font-size:16px;line-height:1.625;border:0ch;letter-spacing:.03em;cursor:pointer;border-radius:4px;-webkit-transition:color 250ms var(--transition-timing-function),background-color 250ms var(--transition-timing-function),-webkit-box-shadow 250ms var(--transition-timing-function);transition:color 250ms var(--transition-timing-function),background-color 250ms var(--transition-timing-function),-webkit-box-shadow 250ms var(--transition-timing-function);transition:color 250ms var(--transition-timing-function),background-color 250ms var(--transition-timing-function),box-shadow 250ms var(--transition-timing-function);transition:color 250ms var(--transition-timing-function),background-color 250ms var(--transition-timing-function),box-shadow 250ms var(--transition-timing-function),-webkit-box-shadow 250ms var(--transition-timing-function)}.portfolio__btn:hover,.portfolio__btn:focus{color:var(--white-color);background-color:var(--blue-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)}.portfolio__examples-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}@media screen and (max-width: 767px){.portfolio__examples-list{display:block;width:100%}}.portfolio__examples-item{margin-bottom:30px;background-color:var(--white-color);-ms-flex-preferred-size:calc((100% - 60px)/3);flex-basis:calc((100% - 60px)/3)}@media screen and (min-width: 768px)and (max-width: 1199px){.portfolio__examples-item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}.portfolio__examples-subtitle{font-size:18px;line-height:2;letter-spacing:.06em;color:var(--secondary-text-color)}.portfolio__examples-text--overlay{position:absolute;top:0;padding:63px 24px;height:100%;font-size:18px;line-height:1.55;letter-spacing:.03em;color:var(--white-color);background:rgba(33,150,243,.9);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform;transition:-webkit-transform;transition:transform;transition:transform, -webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}.portfolio__examples-item:hover .portfolio__examples-text--overlay{-webkit-transform:translateY(0);transform:translateY(0)}.portfolio__examples-item:focus .portfolio__examples-text--overlay{-webkit-transform:translateY(0);transform:translateY(0)}.portfolio__examples-link{text-decoration:none;display:block;-webkit-transition:-webkit-box-shadow;transition:-webkit-box-shadow;transition:box-shadow;transition:box-shadow, -webkit-box-shadow;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:var(--transition-timing-function);transition-timing-function:var(--transition-timing-function)}.portfolio__examples-link:hover{-webkit-box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16);box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.portfolio__examples-text{color:var(--primary-text-color);font-size:16px;line-height:1.875;letter-spacing:.03em}.portfolio-wrapper{padding:20px 24px;border:1px solid var(--border-portfolio-pictures)}.portfolio__examples-thumb{position:relative;overflow:hidden}.backdrop{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);overflow-y:scroll;-webkit-transition:visibility 250ms var(--transition-timing-function),opacity 250ms var(--transition-timing-function);transition:visibility 250ms var(--transition-timing-function),opacity 250ms var(--transition-timing-function)}.backdrop.is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0)}.modal{padding:40px;position:absolute;background-color:var(--white-color);border-radius:4px;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-webkit-transition:-webkit-transform 250ms var(--transition-timing-function);transition:-webkit-transform 250ms var(--transition-timing-function);transition:transform 250ms var(--transition-timing-function);transition:transform 250ms var(--transition-timing-function), -webkit-transform 250ms var(--transition-timing-function);top:50%;left:50%}@media screen and (min-width: 480px){.modal{max-width:450px;max-height:609px;width:100%}}@media screen and (min-width: 1200px){.modal{max-width:528px;max-height:581px;width:100%}}.modal__btn-close{position:absolute;right:8px;top:8px;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:30px;height:30px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);cursor:pointer}.modal__icons-close{display:block;-webkit-transition:fill 250ms var(--transition-timing-function);transition:fill 250ms var(--transition-timing-function)}.modal__btn-close:focus .modal__icons-close{fill:var(--blue-color)}.modal__btn-close:hover .modal__icons-close{fill:var(--blue-color)}.modal__title{font-weight:700;font-size:20px;letter-spacing:.03em;color:var(--secondary-text-color);margin-bottom:12px;text-align:center}@media screen and (max-width: 479px){.modal__title{font-size:15px}}@media screen and (min-width: 480px)and (max-width: 1199px){.modal__title{line-height:1.5}}@media screen and (min-width: 1200px){.modal__title{line-height:1.15}}.modal__input{padding-left:42px;width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:rgba(0,0,0,0);-webkit-transition:border-color 250ms var(--transition-timing-function);transition:border-color 250ms var(--transition-timing-function)}.modal__input:focus,.modal__input:hover{border-color:var(--blue-color)}.modal__textarea{margin-bottom:20px;padding:12px 16px;width:100%;height:120px;border:1px solid rgba(33,33,33,.2);border-radius:4px;resize:none;outline:rgba(0,0,0,0);-webkit-transition:border-color 250ms var(--transition-timing-function);transition:border-color 250ms var(--transition-timing-function)}.modal__textarea:focus,.modal__textarea:hover{border-color:var(--blue-color)}.modal__textarea::-webkit-input-placeholder{font-weight:400;font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__textarea::-moz-placeholder{font-weight:400;font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__textarea:-ms-input-placeholder{font-weight:400;font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__textarea::-ms-input-placeholder{font-weight:400;font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal__textarea::placeholder{font-weight:400;font-size:12px;line-height:1.16;letter-spacing:.01em;color:rgba(117,117,117,.5)}.modal .modal__icons{position:absolute;left:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:fill 250ms var(--transition-timing-function);transition:fill 250ms var(--transition-timing-function)}.modal__input:focus+.modal .modal__icons{fill:var(--blue-color)}.modal__input:hover+.modal .modal__icons{fill:var(--blue-color)}.modal__done{width:16px;height:15px;margin-right:7px;border-radius:2px;border:2px solid #000;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.25);box-shadow:0px 4px 4px rgba(0,0,0,.25);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;fill:rgba(0,0,0,0);-webkit-transition:background-color 250ms var(--transition-timing-function),fill 250ms var(--transition-timing-function);transition:background-color 250ms var(--transition-timing-function),fill 250ms var(--transition-timing-function)}.modal__btn-send{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:0 auto;width:200px;height:50px;font-weight:700;font-size:16px;line-height:1.87;color:var(--white-color);background-color:var(--blue-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:none;-webkit-transition:background-color 250ms var(--transition-timing-function);transition:background-color 250ms var(--transition-timing-function)}.modal__btn-send:focus,.modal__btn-send:hover{background-color:var(--backgrount-btn-active)}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.input-wrapper{position:relative;margin-bottom:10px}.input__label{margin-bottom:4px;font-size:12px;line-height:1.16;display:block;letter-spacing:.01em;color:var(--primary-text-color)}.input__check-text{margin-bottom:30px;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;font-size:12px;line-height:1.16;letter-spacing:.03em;color:var(--primary-text-color)}@media screen and (min-width: 1200px){.input__check-text{font-size:14px;line-height:1.71}}.input__checkbox:checked+.input__check-text span{background-color:var(--blue-color);border:none;fill:var(--white-color)}.input__check-link{margin-left:5px;color:var(--blue-color)}/*# sourceMappingURL=main.min.css.map */