*{box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0}ul{margin:0;padding:0}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.container{width:100%;margin:0 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}}body{font-family:roboto,sans-serif;color:var(--first-title-color)}.list{list-style:none}a{text-decoration:none}.link{text-decoration:none}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}button:hover,button:focus{background-color:#188ce8}.current{color:#2196f3;position:relative}.current::after{content:"";width:100%;height:4px;position:absolute;background-color:#2196f3;left:0;bottom:0;background-image:url(../images/hover.svg)}.header{position:relative;border-bottom:1px solid #ececec;width:100%;height:60px}.header .container{height:100%}@media screen and (min-width: 768px){.header{height:80px}}@media screen and (max-width: 767px){.header .container{display:flex;align-items:center}}@media screen and (min-width: 1200px){.header{margin-left:auto;margin-right:auto}}.header__container{display:flex;align-items:center;height:100%}.header__logo{font-family:Raleway;font-style:normal;font-weight:bold;font-size:26px;line-height:1.19;letter-spacing:.03em;color:#000;margin-right:93px}@media screen and (min-width: 768px){.header__logo{font-size:24px;line-height:1.17}}.header__logo .header__logo-web{color:#2196f3}.mob-menu{position:fixed;z-index:1;top:0;left:0;width:100vw;height:100vh;padding-top:48px;padding-bottom:48px;padding-left:25px;padding-right:69px;background-color:#fff;overflow:auto}@media screen and (min-width: 768px){.mob-menu{display:none}}.mob-menu .container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 767px){.mob-menu .container{align-items:start}}.mob-menu__link{display:block;font-family:"Roboto";font-style:normal;font-weight:500;font-size:40px;line-height:1.18;letter-spacing:.02em;color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mob-menu:hover,.mob-menu:focus{color:#2196f3;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mob-menu__link.mob-menu__current{color:#2196f3}.menu-open-btn{display:block;margin-left:auto;margin-top:10px;margin-bottom:10px;width:40px;height:40px;background-color:#fff;border:none}@media screen and (min-width: 768px){.menu-open-btn{display:none}}.menu-close-btn{position:absolute;top:10px;right:15px;width:40px;height:40px;background-color:#fff;border:none}.menu-close-btn:hover{fill:#2196f3}.mob-contacts-list__item:not(:last-child){margin-bottom:32px}.mob-contacts-list__link{font-family:"Roboto";font-style:normal;font-weight:500;font-size:24px;line-height:28px;letter-spacing:.02em;color:#757575;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mob-contacts-list__link:hover,.mob-contacts-list__link:focus{color:#2196f3;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}.mob-contacts-list__link--tel{font-family:"Roboto";font-style:normal;font-weight:500;font-size:34px;line-height:1.18;letter-spacing:.02em;color:#2196f3}.mob-menu__item:not(:last-child){margin-bottom:32px}.social-list{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px;gap:8px;row-gap:10px}.social-list__link{font-family:"Roboto";font-style:normal;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:#2196f3;cursor:pointer}.social-list__link:hover,.social-list__link:focus{color:#2196f3;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}.social-list__item:not(:last-child)::after{content:" ";width:0;height:22px;border:1px solid rgba(33,33,33,.2);transform:rotate(90deg);margin-left:10px}.navigation{display:flex;align-items:center}.navigation__link{display:block;height:100%;padding-bottom:32px;padding-top:32px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:#212121;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.navigation__link:hover,.navigation__link:focus{color:#2196f3;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.navigation__link.current{color:#2196f3}.navigation__list{display:none;margin-left:auto;border-bottom:-1px}@media screen and (min-width: 768px){.navigation__list{display:flex;margin-left:auto;border-bottom:-1px}}.navigation__item+.navigation__item{margin-left:50px}.adress__link{display:flex;align-items:center;color:#757575;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.adress__link:hover,.adress__link:focus{color:#2196f3;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}@media screen and (min-width: 768px){.adress__link{font-size:12px;line-height:1.17}}@media screen and (min-width: 1200px){.adress__link{font-size:14px;line-height:1.14}}.adress__icon{margin-right:10px;fill:currentColor}.adress__list{display:none;align-items:center;margin-left:auto;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:#757575}@media screen and (min-width: 768px){.adress__list{display:block;text-align:center;margin-top:21px;margin-bottom:21px}}@media screen and (min-width: 1200px){.adress__list{display:flex;align-items:center;justify-content:center;margin-left:auto}}@media screen and (max-width: 1199px){.adress__item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.adress__item:not(:first-child){margin-left:30px}}.hero{width:100%;padding:118px 0;background-color:#2f303a;text-align:center;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/herobgmobile.jpg);max-width:1600px;height:400px;margin-left:auto;margin-right:auto;background-repeat:no-repeat;background-position:center;background-size:cover}@media(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/herobgmobilex2.jpg)}}@media screen and (min-width: 768px){.hero{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/herobgtab.jpg)}}@media screen and (min-width: 768px)and (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:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/herobgtabx2.jpg)}}@media screen and (min-width: 1200px){.hero{height:600px;padding:200px 0;text-align:center;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/herobacground.jpg)}}@media screen and (min-width: 1200px)and (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:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/herobacgroundx2.jpg)}}.hero__title{font-weight:900;font-size:26px;line-height:1.61;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#fff;max-width:300px;margin-bottom:30px;margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.hero__title{max-width:360px}}@media screen and (min-width: 1200px){.hero__title{max-width:696px;font-size:44px;line-height:1.36}}.hero__btn{display:block;font-family:Roboto;font-style:normal;font-weight:bold;font-size:16px;line-height:1.87;letter-spacing:.06em;color:#fff;background:#2196f3;margin-top:30px;border:none;border-radius:4px;margin-left:auto;margin-right:auto;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);width:200px;height:50px}.hero__btn:hover{background-color:#188ce8}.skills{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.skills{padding-top:94px;padding-bottom:94px}}.skills__title{font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#212121;margin-bottom:10px}@media screen and (max-width: 767px){.skills__title{text-align:center}}.skills__item:not(:last-child){margin-bottom:30px}@media screen and (min-width: 768px){.skills__item{width:calc(50% - 30px);margin-left:30px}}@media screen and (min-width: 1200px){.skills__item{width:270px;margin-left:30px;margin-bottom:30px}}.skills__text{font-size:14px;line-height:1.71;letter-spacing:.03em;color:#757575}@media screen and (min-width: 768px)and (max-width: 1199px){.skills__list{display:flex;flex-wrap:wrap;margin-left:-30px}}@media screen and (min-width: 1200px){.skills__list{display:flex;align-items:center;justify-content:center}}.skills__container{background:#f5f4fa;border-radius:4px;display:flex;justify-content:center;align-items:center;margin-bottom:30px;height:120px}@media screen and (max-width: 1199px){.gallery{display:none}}.gallery{width:1200px;margin-left:auto;margin-right:auto;padding-bottom:94px}.gallery__title{font-size:36px;line-height:1.16;text-align:center;letter-spacing:.03em;color:#212121;margin-bottom:50px}.gallery__list{display:flex;align-items:center;justify-content:center;justify-content:space-between}.gallery__absolute::before{display:inline-block;position:absolute;content:"";width:100%;height:70px;bottom:0;background:rgba(47,48,58,.8)}.gallery__item{position:relative}.absolute__text{position:absolute;bottom:27px;left:83px;right:82px;font-family:Roboto;font-style:normal;font-weight:bold;font-size:14px;line-height:1.14;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:#fff}.team{padding-bottom:60px;background-color:#f5f4fa;margin-left:auto;margin-right:auto;padding-top:60px}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}@media screen and (min-width: 768px)and (max-width: 1199px){.team__list{display:flex;flex-wrap:wrap;margin-left:-30px}}@media screen and (min-width: 1200px){.team__list{display:flex;width:1170px;margin-left:auto;margin-right:auto}}.team__container-text{padding-top:30px;padding-bottom:30px;background-color:#fff;padding-bottom:30px}.team__title{font-size:28px;line-height:1.18;text-align:center;letter-spacing:.03em;color:#212121;margin-bottom:30px}@media screen and (min-width: 1200px){.team__title{font-size:36px;line-height:1.16;margin-bottom:50px}}.team__title-img{font-weight:500;font-size:16px;line-height:1.19;text-align:center;letter-spacing:.03em;color:#212121;margin-bottom:10px;margin-left:auto;margin-right:auto}.team__item{background:#fff;box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:0px 0px 4px 4px;margin-bottom:30px}@media screen and (max-width: 767px){.team__item:last-child{margin:0}}@media screen and (min-width: 768px){.team__item{width:calc(50% - 30px);margin-left:30px}}@media screen and (min-width: 1200px){.team__item{width:270px}.team__item .team__item+.team__item{margin-left:30px}}.team__img{width:100%;height:auto}.team__text{font-size:16px;line-height:1.18;text-align:center;letter-spacing:.03em;color:#757575;margin-left:auto;margin-right:auto;margin-bottom:16px}.team__social-list{display:flex;justify-content:center}.team__social-item{list-style-type:none}.team__social-item+.team__social-item{margin-left:10px}.team__social-link{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#afb1b8;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.team__social-link:hover,.team__social-link:focus{background-color:#2196f3;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.team__social-icon{fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.team__social-link:hover .team__social-icon,.team__social-link:focus .team__social-icon{fill:#fff;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.clients{width:1200px;margin-left:auto;margin-right:auto}}.clients__title{font-size:28px;line-height:1.18;text-align:center;letter-spacing:.03em;color:#212121;margin-bottom:30px;text-align:center}@media screen and (min-width: 1200px){.clients__title{font-size:36px;line-height:1.16}}@media screen and (max-width: 767px){.clients__list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-bottom:-30px}}@media screen and (min-width: 768px)and (max-width: 1199px){.clients__list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-bottom:-30px}}@media screen and (min-width: 1200px){.clients__list{display:flex;justify-content:center}}.clients__item{list-style-type:none;width:calc(50% - 30px);height:92px;margin-bottom:30px;margin-left:30px}@media screen and (min-width: 480px)and (max-width: 767px){.clients__item{width:calc(50% - 30px);margin-bottom:30px;margin-left:30px}}@media screen and (min-width: 768px)and (max-width: 1199px){.clients__item{width:calc(33.3333333333% - 30px);margin-left:30px;margin-bottom:30px}}@media screen and (min-width: 1200px){.clients__item{height:92px;margin-left:30px}.clients__item:first-child{margin:0}}.clients__link{display:flex;justify-content:center;align-items:center;border:1px solid #afb1b8;box-sizing:border-box;border-radius:4px;width:100%;height:100%;border-color:#afb1b8;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover,.clients__link:focus{border-color:#2196f3;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__icon{fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__icon:hover,.clients__icon:focus{fill:#2196f3;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover .clients__icon{fill:#2196f3;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:focus .clients__icon{fill:#2196f3;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer{background-color:#2f303a;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.footer__list{display:flex;flex-direction:column;align-items:start}}.footer__town{font-style:normal;font-weight:400;font-size:14px;line-height:1.71;text-align:center;letter-spacing:.03em;color:#fff;margin-bottom:9px}.footer__web{font-size:26px;line-height:1.19;letter-spacing:.03em;color:#2196f3}.footer__logo{display:block;font-family:Raleway;font-style:normal;font-weight:bold;font-size:26px;line-height:1.19;letter-spacing:.03em;color:#fff;margin-bottom:20px}.footer__link-mail{font-size:14px;line-height:1.71;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer__link-tel{margin-bottom:60px;font-size:14px;line-height:1.71;letter-spacing:.03em;color:rgba(255,255,255,.6)}.footer__title{font-family:Roboto;font-style:normal;font-weight:bold;font-size:14px;line-height:16px;letter-spacing:.03em;text-transform:uppercase;color:#fff;margin-bottom:20px}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__container{margin-right:auto}}@media screen and (min-width: 1200px){.footer__container{display:flex;flex-direction:column;align-items:start;margin-right:70px}}.footer__blok{text-align:center;margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.footer__blok{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;padding-left:76px;padding-right:89px}}@media screen and (min-width: 1200px){.footer__blok{align-items:baseline;flex-wrap:nowrap;padding:0}}.footer__link-web{color:#2196f3}.footer__adress{font-size:14px;line-height:1.71;letter-spacing:.03em;color:#fff;font-style:normal}.footer__adress:not(:last-child){margin-bottom:9px}@media screen and (max-width: 1199px){.footer__enter{margin-top:60px}}@media screen and (min-width: 1200px){.footer__enter{margin-left:93px}}.footer__mail-text{font-family:Roboto;font-style:normal;font-weight:bold;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff;margin-bottom:20px;text-align:center}@media screen and (min-width: 1200px){.footer__mail-text{text-align:start}}.footer__email-enter{width:100%;height:50px;border:1px solid rgba(255,255,255,.3);box-sizing:border-box;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;color:#2196f3;background-color:rgba(0,0,0,0);padding-left:16px;font-family:Roboto;font-style:normal;font-weight:normal;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6);margin-bottom:20px}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__email-enter{width:450px}}@media screen and (min-width: 1200px){.footer__email-enter{width:358px;margin-bottom:0}}.footer__btn{font-family:inherit;font-weight:bold;font-size:16px;line-height:1.87;letter-spacing:.06em;color:#fff;background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border:none;border-radius:4px;display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;padding:10px 28px}@media screen and (min-width: 1200px){.footer__btn{margin-left:12px}.footer__btn:hover{background-color:#188ce8}}@media screen and (min-width: 1200px){.footer__form-btn{display:flex;align-items:center}}.footer__icon-mail{width:24px;height:24px;margin-left:10px}.footer__social-list{display:flex}.footer__social-item+.footer__social-item{margin-left:10px}.footer__social-link{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__social-link:hover,.footer__social-link:focus{background-color:#2196f3;transition:bacground-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__social-link:hover+.footer__social-link__social-icon,.footer__social-link:focus+.footer__social-link__social-icon{fill:#fff;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__social-icon{fill:#fff;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.footer__social-container{margin-top:60px;width:206px;margin-left:auto;margin-right:auto;margin-bottom:60px}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__social-container{margin-top:0}}@media screen and (min-width: 1200px){.footer__social-container{display:flex;flex-direction:column;align-items:start}}.portfolio{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.portfolio{padding-top:94px;padding-bottom:94px}}.portfolio__navigation-btn-list{margin-bottom:40px}@media screen and (max-width: 767px){.portfolio__navigation-btn-list{display:flex;flex-wrap:wrap;gap:8px;row-gap:15px}}@media screen and (min-width: 768px){.portfolio__navigation-btn-list{display:flex;justify-content:center;gap:8px;row-gap:15px;margin-bottom:30px;list-style-type:none}}@media screen and (min-width: 1200px){.portfolio__navigation-btn-list{display:flex;justify-content:center;margin-bottom:50px;list-style-type:none}}.portfolio__navigation-btn-item{cursor:pointer;align-items:center}@media screen and (min-width: 768px)and (max-width: 1199px){.portfolio__list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-bottom:-30px}}@media screen and (min-width: 1200px){.portfolio__list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-bottom:-30px}}.portfolio__item{width:100%;margin-bottom:30px}@media screen and (max-width: 1199px){.portfolio__item:last-child{margin-bottom:0}}@media screen and (min-width: 768px){.portfolio__item{width:calc(50% - 30px);margin-left:30px}}@media screen and (min-width: 1200px){.portfolio__item{width:calc(33.3333333333% - 30px);margin-left:30px}}.portfolio__title{font-size:18px;line-height:2;letter-spacing:.06em;color:#212121;margin-bottom:4px}.portfolio__text{font-size:16px;line-height:1.87;letter-spacing:.03em;color:#757575}.portfolio__text-container{padding:20px 24px;border:1px solid #eee}@media screen and (min-width: 1200px){.portfolio__text-container{padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px;border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee}}@media screen and (min-width: 768px)and (max-width: 1199px){.portfolio__text-container{flex-grow:1}}.portfolio__wrap{position:relative;overflow:hidden}.portfolio__img{margin:0;width:100%}.portfolio__window-text{position:absolute;top:0;font-family:Roboto;font-style:normal;font-weight:normal;font-size:18px;line-height:1.56;letter-spacing:.03em;color:#fff;background:rgba(33,150,243,.9);padding-top:63px;padding-right:24px;padding-bottom:63px;padding-left:24px;height:100%;transform:translateY(101%);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__link:hover .portfolio__window-text{transform:translateY(0);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__link:focus .portfolio__window-text{transform:translateY(0);transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}.button{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:1.625;text-align:center;letter-spacing:.03em;color:var(--text-color);background-color:#f5f4fa;padding:6px 22px;border-radius:4px;border-color:rgba(0,0,0,0);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__button{border-radius:4px}.portfolio__button:hover,.portfolio__button:focus{background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.25),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12);border-radius:4px;color:#fff}.portfolio__link{display:block;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px)and (max-width: 1199px){.portfolio__link{display:flex;flex-direction:column;height:100%}}.portfolio__link:hover,.portfolio__link:focus{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);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal{width:300px;min-height:581px;background-color:#fff;box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:4px;position:absolute;top:50%;left:50%;transform:translate(-50%, -40%) scale(1);transition:translate 250ms cubic-bezier(0.4, 0, 0.2, 1);padding:40px}@media screen and (min-width: 480px){.modal{width:450px}}@media screen and (min-width: 1200px){.modal{width:528px}}.modal__close-btn{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;top:8px;right:8px;background:#fff;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}.modal__close-btn:hover{background-color:#fff}.modal__close-btn-icon{width:14px;height:14px}.modal__close-btn:hover .modal__close-btn-icon{fill:#2196f3;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__close-btn:focus .modal__close-btn-icon{fill:#2196f3;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__title{font-family:Roboto;font-style:normal;font-weight:bold;font-size:20px;line-height:23px;text-align:center;letter-spacing:.03em;color:#212121}.modal__list{margin-top:12px;display:flex;flex-direction:column}.modal__item{position:relative;display:flex;flex-direction:column}.modal__item:not(:first-child){margin-top:12px}.modal__item-text{font-family:Roboto;font-style:normal;font-weight:normal;font-size:12px;line-height:1.16;letter-spacing:.01em;color:#757575}.modal__label{font-size:12px;line-height:1.16;letter-spacing:.01em}.modal__label-checkbox{display:flex;align-items:center;list-style-type:none;font-size:14px;line-height:1.71;letter-spacing:.03em;color:#757575}.modal__input{width:100%;padding:0;padding-left:42px;margin-top:4px;height:40px;border:1px solid rgba(33,33,33,.2);box-sizing:border-box;border-radius:4px;outline:none;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__input:focus+.icon__form{fill:#2196f3;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__input:focus{border-color:#2196f3;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.comment{width:100%;height:120px;border:1px solid rgba(33,33,33,.2);box-sizing:border-box;border-radius:4px;outline:none;resize:none;padding-left:16px;padding-top:12px;font-family:Roboto;font-style:normal;font-weight:normal;font-size:14px;line-height:16px;letter-spacing:.01em;color:rgba(117,117,117,.5);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.comment:focus{border-color:#2196f3;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.comment::placeholder{width:95px;height:16px;left:759px;top:540px;font-family:Roboto;font-style:normal;font-weight:normal;font-size:14px;line-height:1.14;letter-spacing:.01em;color:rgba(117,117,117,.5)}.comment__text{padding-bottom:4px}.checkbox{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.checkbox__link{font-family:Roboto;font-style:normal;font-weight:normal;font-size:14px;line-height:1.71;text-decoration-line:underline;color:#2196f3}.checkbox__icon{width:16px;height:15px;border:2px solid #212121;border-radius:4px;margin-right:7px;background-size:contain;background-origin:border-box;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.checkbox:checked+.checkbox__icon{background-color:#2196f3;background-image:url(../images/iconcheck.svg);border-color:#2196f3;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.checkbox:focus+.checkbox__icon{border-color:#2196f3}.license-text{height:24px;font-family:Roboto;font-style:normal;font-weight:normal;font-size:14px;line-height:1.71;color:#757575;margin-left:7px}.modal__form-button{display:flex;padding:10px 55px 10px 56px;margin-top:30px;margin-left:auto;margin-right:auto;font-family:Roboto;font-weight:bold;font-size:16px;line-height:1.875;align-items:center;text-align:center;letter-spacing:.06em;border:0;border-radius:4px;cursor:pointer;color:#fff;background-color:#2196f3;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)}.modal__form-button:hover,.modal__form-button:focus{background-color:#188ce8;color:#fff;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.icon__form{position:absolute;display:block;left:12px;bottom:50%;transform:translateY(100%);width:18px;height:18px}.backdrop{width:100vw;height:100vh;background:rgba(0,0,0,.2);position:fixed;top:0;left:0;opacity:1;overflow:scroll;visibility:visible;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}/*# sourceMappingURL=main.min.css.map */