:root{--main-hero-background-color: #c4c4c4;--heade-title-background-color: #ffffff;--footer-background-color: #2f303a;--header-footer-logo1-color: #2196f3;--header-logo2-color: #000000;--footer-logo2-color: #ffffff;--heade-navigation-color: #212121;--heade-contacts-color: #757575;--hover-focus-color: #2196f3;--main-h1-color: #ffffff;--titel-h2-color: #212121;--main-title-color: #212121;--main-pretitle-color: #757575;--main-hero-btn-color: #ffffff;--main-hero-btn-background-color: #2196f3;--main-hero-btn-hover-background-color: #188ce8;--main-team-background-color: #f5f4fa;--footer-adress-text-color: #ffffff;--footer-adress-cont-color: rgba(255, 255, 255, 0.6);--portfolio-main-buttons-color: #ffffff;--portfolio-main-buttons-hover-color: #188ce8;--portfolio-main-buttons-background-color: #f5f4fa;--current-page-color: #2196f3;--icons-contact-fill: #757575;--items-about-background-color: #f5f4fa;--border-portf-proj-color: #eeeeee;--fill-logo-icons-color: #afb1b8;--cubic-hover: cubic-bezier(0.4, 0, 0.2, 1);--bg-hero-gradient: linear-gradient( to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4) )}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:url("../fonts/roboto-v30-latin_cyrillic-regular.eot");src:local(""),url("../fonts/roboto-v30-latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-v30-latin_cyrillic-regular.woff2") format("woff2"),url("../fonts/roboto-v30-latin_cyrillic-regular.woff") format("woff"),url("../fonts/roboto-v30-latin_cyrillic-regular.ttf") format("truetype"),url("../fonts/roboto-v30-latin_cyrillic-regular.svg#Roboto") format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:500;src:url("../fonts/roboto-v30-latin_cyrillic-500.eot");src:local(""),url("../fonts/roboto-v30-latin_cyrillic-500.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-v30-latin_cyrillic-500.woff2") format("woff2"),url("../fonts/roboto-v30-latin_cyrillic-500.woff") format("woff"),url("../fonts/roboto-v30-latin_cyrillic-500.ttf") format("truetype"),url("../fonts/roboto-v30-latin_cyrillic-500.svg#Roboto") format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:700;src:url("../fonts/roboto-v30-latin_cyrillic-700.eot");src:local(""),url("../fonts/roboto-v30-latin_cyrillic-700.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-v30-latin_cyrillic-700.woff2") format("woff2"),url("../fonts/roboto-v30-latin_cyrillic-700.woff") format("woff"),url("../fonts/roboto-v30-latin_cyrillic-700.ttf") format("truetype"),url("../fonts/roboto-v30-latin_cyrillic-700.svg#Roboto") format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:900;src:url("../fonts/roboto-v30-latin_cyrillic-900.eot");src:local(""),url("../fonts/roboto-v30-latin_cyrillic-900.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-v30-latin_cyrillic-900.woff2") format("woff2"),url("../fonts/roboto-v30-latin_cyrillic-900.woff") format("woff"),url("../fonts/roboto-v30-latin_cyrillic-900.ttf") format("truetype"),url("../fonts/roboto-v30-latin_cyrillic-900.svg#Roboto") format("svg")}@font-face{font-family:"Raleway";font-style:normal;font-weight:700;src:url("../fonts/raleway-v28-latin_cyrillic-700.eot");src:local(""),url("../fonts/raleway-v28-latin_cyrillic-700.eot?#iefix") format("embedded-opentype"),url("../fonts/raleway-v28-latin_cyrillic-700.woff2") format("woff2"),url("../fonts/raleway-v28-latin_cyrillic-700.woff") format("woff"),url("../fonts/raleway-v28-latin_cyrillic-700.ttf") format("truetype"),url("../fonts/raleway-v28-latin_cyrillic-700.svg#Raleway") format("svg")}*,::after,::before{margin:0px;padding:0px;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0}ul{list-style:none;margin:0;padding:0}img{max-width:100%;height:auto;display:block}button{cursor:pointer}address{display:flex;font-style:normal}body{font-family:"Roboto",sans-serif}.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}.link{text-decoration:none}.conteiner{padding:0 15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.conteiner{width:480px}}@media screen and (min-width: 768px){.conteiner{width:768px}}@media screen and (min-width: 1200px){.conteiner{width:1200px}}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.section-title{font-weight:700;font-size:36px;line-height:1.17;letter-spacing:.03em;text-align:center;color:var(--titel-h2-color);margin-bottom:30px}@media screen and (min-width: 1200px){.section-title{margin-bottom:50px}}.header{width:100%;height:60px;position:relative;border-bottom:1px solid #ececec}.header-conteiner{position:relative;display:flex;align-items:center}.navigation{display:inline-flex;align-items:center}.btn-menu-open{position:absolute;width:24px;height:16px;top:22px;right:23px;border:none;background-color:rgba(0,0,0,0)}.btn-menu-icon-open{fill:#000;background-position:center;background-repeat:no-repeat;transition:fill 250ms var(--cubic-hover)}.btn-menu-icon-open:hover,.btn-menu-icon-open:focus{fill:var(--hover-focus-color)}.header-position-nav,.header-position-cont{display:none}@media screen and (min-width: 768px){.btn-menu-open,.mob-menu{display:none}.header{width:100%;height:80px}.header-link{transition:color 250ms var(--cubic-hover)}.header-link:hover,.header-link:focus{color:var(--hover-focus-color)}.header-nav-text{font-weight:500;font-size:14px;line-height:1.142;letter-spacing:.02em;padding:32px 0px}.header-nav-text{color:var(--heade-navigation-color);transition:color 250ms var(--cubic-hover)}.header-nav-text:hover,.header-nav-text:focus{color:var(--hover-focus-color)}.header-position-nav{display:inline-flex;gap:50px;margin-left:88px}.current{position:relative;color:var(--current-page-color)}.current::after{content:"";position:absolute;bottom:1%;left:0;width:100%;height:4px;background:#2196f3;border-radius:2px}.header-cont-tex{display:flex;align-items:center;font-weight:500;font-size:12px;line-height:1.166;letter-spacing:.02em;margin-left:auto;color:var(--heade-contacts-color);transition:color 250ms var(--cubic-hover)}.header-position-cont-mail{margin-bottom:10px}.header-position-cont{display:block;padding:20px 0px;margin-left:auto}.icon-mail{margin-right:10px;fill:currentColor;background-size:contain;background-repeat:no-repeat;cursor:pointer;transition:fill 250ms var(--cubic-hover)}.icon-tel{margin-right:10px;fill:currentColor;background-size:contain;background-repeat:no-repeat;cursor:pointer;transition:fill 250ms var(--cubic-hover)}}@media screen and (min-width: 1200px){.header{width:100%;height:80px}.header-position-cont{display:inline-flex;gap:30px;padding:32px 0px;margin-left:auto}.header-cont-tex{font-size:14px;line-height:1.142;letter-spacing:.02em;margin-left:auto}.header-position-cont-mail{margin-bottom:0px}}.mob-menu{position:fixed;background-color:#fff;top:0;left:0;width:100vw;height:100vh;z-index:2}.mob-menu>.container-menu{padding:48px 40px;height:100vh;display:flex;flex-direction:column;justify-content:space-between}@media(max-width: 479px){.mob-menu>.container-menu{padding:40px 20px}}.btn-menu-close{position:absolute;display:block;width:18px;height:18px;top:21px;right:25.5px;border:none;background-color:rgba(0,0,0,0);margin-bottom:9px}.btn-menu-icon-close{fill:#000;background-position:center;background-repeat:no-repeat;transition:fill 250ms var(--cubic-hover)}.btn-menu-icon-close:hover,.btn-menu-icon-close:focus{fill:var(--hover-focus-color)}.menu-nav{display:block}.menu-nav-item:not(:last-child){margin-bottom:32px}.menu-nav__link{font-weight:500;font-size:40px;line-height:1.18;text-align:center;letter-spacing:.02em;color:#212121}@media(max-width: 479px){.menu-nav__link{font-size:30px}}.current-mob{color:var(--current-page-color)}.menu-contacts{display:block;margin-bottom:64px}.menu-contacts__tel{font-weight:500;font-size:34px;line-height:1.18;letter-spacing:.02em;color:#2196f3}@media(max-width: 479px){.menu-contacts__tel{font-size:25px}}.menu-contacts__mail{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:#757575}@media(max-width: 479px){.menu-contacts__mail{font-size:16px}}.menu-con-item:not(:last-child){margin-bottom:32px}.menu-soc{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:48px}@media(max-width: 479px){.menu-soc{gap:5px}}.menu-soc-item:not(:last-child){border-right:1px solid rgba(33,33,33,.2)}.menu-soc__link{padding-right:10px;font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:#2196f3}@media(max-width: 400px){.menu-soc__link{padding-right:5px;font-size:12px}}.header-logo{padding:16px 0px 16px 0px}@media screen and (min-width: 768px){.header-logo{padding:26px 0px 26px 0px}}@media screen and (min-width: 1200px){.header-logo{padding:24px 0px 24px 0px}}.logo1,.logo2{font-family:"Raleway",sans-serif;font-weight:700;font-size:24px;line-height:1.1666666667;letter-spacing:.03em;color:var(--header-footer-logo1-color)}@media screen and (min-width: 1200px){.logo1,.logo2{font-size:26px;line-height:1.1923076923}}nav .logo2{color:var(--header-logo2-color)}address .logo2{color:var(--footer-logo2-color)}.hero-box{display:block;height:400px;padding:118px 0px;text-align:center;background-position:center;background-repeat:no-repeat;background-size:cover;background-size:100%;margin-left:auto;margin-right:auto;background-image:var(--bg-hero-gradient),url("../images/mob-bc-hero-1x-min.jpg");background-color:var(--main-hero-background-color)}@media(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-box{background-image:var(--bg-hero-gradient),url("../images/mob-bc-hero-2x-min.jpg")}}.hero-box__titel{width:260px;font-weight:900;font-size:20px;line-height:1.62;text-align:center;letter-spacing:.06em;margin-left:auto;margin-right:auto;text-transform:uppercase;color:var(--main-h1-color)}@media screen and (min-width: 480px){.hero-box__titel{width:360px}}@media screen and (min-width: 768px){.hero-box__titel{font-size:26px}}@media screen and (min-width: 1200px){.hero-box__titel{width:696px;font-size:44px;line-height:1.3636363636}}.hero-box_btn{font-family:"Roboto",sans-serif;font-style:normal;font-weight:700;font-size:16px;line-height:1.88;text-align:center;margin-left:auto;margin-right:auto;letter-spacing:.06em;color:var(--main-hero-btn-color);background-color:var(--main-hero-btn-background-color);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border:none;margin-top:30px;padding:10px 32px;transition:background-color 250ms var(--cubic-hover)}.hero-box_btn:hover{background-color:var(--main-hero-btn-hover-background-color)}@media(max-width: 479px){.hero-box{background-size:cover}}@media screen and (min-width: 768px){.hero-box{height:400px;background-image:var(--bg-hero-gradient),url("../images/tab-bc-hero-1x-min.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-box{background-image:var(--bg-hero-gradient),url("../images/tab-bc-hero-2x-min.jpg")}}@media screen and (min-width: 1200px){.hero-box{max-width:1600px;height:600px;padding:200px 0px;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:var(--bg-hero-gradient),url("../images/des-bc-hero-1x.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-box{background-image:var(--bg-hero-gradient),url("../images/des-bc-hero-2x.jpg")}.hero-box__titel{width:696px;font-size:44px;line-height:1.36}}.about__icon{display:flex;height:120px;background:#f5f4fa;border-radius:4px;align-items:center;justify-content:center;margin-bottom:30px}.about__title{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--main-title-color);margin-top:30px;margin-bottom:10px}.about__pretitle{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--main-pretitle-color)}@media(max-width: 767px){.about__title{text-align:center}.about-item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.about{display:flex;gap:30px;flex-wrap:wrap}.about-item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.about-item{flex-basis:calc((100% - 120px)/4)}}@media(max-width: 1199px){.section--other-pt{display:none}}.section--other-pt{padding-top:0px}.projects{display:flex;gap:30px}.projects .project-item{position:relative}.projects .project-item__text{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:70px;background:rgba(47,48,58,.8);padding:27px 0px;font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:.03em;text-transform:uppercase;color:#fff}.section--other-bgc{max-width:100%;background-color:var(--main-team-background-color)}.team{display:flex}.team__photo{display:block;background:var(--heade-title-background-color);background-size:cover;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(max-width: 767px){.team{flex-wrap:wrap;justify-content:center;align-items:center}.team__photo:not(:last-child){margin-bottom:30px}}.team-box{padding:30px 0px}.team-box__name{font-weight:500;font-size:16px;line-height:1.1875;text-align:center;letter-spacing:.03em;color:var(--main-title-color);margin-bottom:10px}.team-box__job-title{font-weight:400;font-size:16px;line-height:1.1875;text-align:center;letter-spacing:.03em;color:var(--main-pretitle-color);margin-bottom:16px}.team-soc{display:flex;gap:10px;justify-content:center}.team-soc-link{display:flex;width:44px;height:44px;border-radius:50%;background-color:var(--heade-title-background-color);background-size:contain;background-repeat:no-repeat;align-items:center;justify-content:center;transition:background-color 450ms var(--cubic-hover)}.team-soc-link:hover,.team-soc-link:focus{background-color:var(--main-hero-btn-background-color);transition:background-color 450ms var(--cubic-hover);fill:currentColor}.team-soc-icon{fill:var(--fill-logo-icons-color);transition:fill 450ms var(--cubic-hover)}.team-soc-link:hover .team-soc-icon,.team-soc-link:focus .team-soc-icon{fill:var(--heade-title-background-color);transition:fill 450ms var(--cubic-hover)}@media screen and (min-width: 768px){.team{gap:30px;flex-wrap:wrap;flex-basis:calc((100% - 30px)/2);align-items:center}}.clients{display:none}@media screen and (min-width: 768px){.clients{display:block}.client-box{display:flex;flex-wrap:wrap;gap:30px}.client-box__link{display:flex;width:226px;height:92px;fill:var(--fill-logo-icons-color);border:1px solid var(--fill-logo-icons-color);border-radius:4px;align-items:center;justify-content:center;transition:fill 250ms var(--cubic-hover),border-color 250ms var(--cubic-hover)}}@media screen and (min-width: 768px)and (min-width: 1200px){.client-box__link{width:170px}}@media screen and (min-width: 768px){.client-box__link:hover,.client-box__link:focus{fill:var(--current-page-color);border-color:var(--current-page-color)}}.footer{background:var(--footer-background-color);padding:60px 0px}.footer-list{margin-top:20px}.footer-adress2,.footer-adress-mail,.footer-adress-tel{font-family:"Roboto",sans-serif;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--footer-adress-text-color)}.footer-adress-mail,.footer-adress-tel{color:var(--footer-adress-cont-color)}.footer-item:nth-child(n+2){margin-top:8px}@media screen and (min-width: 1200px){.footer-item:nth-child(n+2){margin-top:9px}}@media screen and (min-width: 1200px){.footer_inv{margin-top:72px;margin-left:516px}}.footer_inv_h3{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--footer-adress-text-color)}.footer-link:hover,.footer-link:focus{color:var(--hover-focus-color)}@media(max-width: 1199px){.footer-up{display:block;margin-left:auto;margin-right:auto;text-align:center}}@media screen and (min-width: 768px){.footer-up-box{display:flex;align-items:baseline}}@media(max-width: 1199px){.footer-up-box{justify-content:center;gap:165px;margin-bottom:60px}}@media screen and (min-width: 1200px){.footer-conteiner{align-items:baseline;display:flex}}@media screen and (min-width: 1200px){.footer-soc-pos{margin-left:70px}}.h2-footer-soc{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--footer-adress-text-color);margin-top:60px;text-align:center}@media screen and (min-width: 1200px){.h2-footer-soc{margin-top:0px;text-align:left}}.footer-soc{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;margin-bottom:60px}.footer-soc-link{display:flex;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);background-size:contain;background-repeat:no-repeat;align-items:center;justify-content:center;transition:background-color 250ms var(--cubic-hover)}.footer-soc-link:hover,.footer-soc-link:focus{background-color:var(--hover-focus-color)}.footer-soc-icon{fill:var(--heade-title-background-color)}.portfolio-buttons{display:flex;justify-content:left;gap:15px 8px;flex-wrap:wrap}@media screen and (min-width: 768px){.portfolio-buttons{justify-content:center;flex-wrap:nowrap;gap:8px}}.portfolio-buttons__item{font-family:"Roboto",sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:1.63;text-align:center;letter-spacing:.03em;background:var(--portfolio-main-buttons-background-color);border-radius:4px;border:none;padding:6px 22px;color:var(--main-title-color);transition:color 250ms var(--cubic-hover),background-color 250ms var(--cubic-hover),box-shadow 250ms var(--cubic-hover)}.portfolio-buttons__item:hover,.portfolio-buttons__item:focus{color:var(--portfolio-main-buttons-color);background-color:var(--portfolio-main-buttons-hover-color);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)}.port-projects-card-set{display:flex;flex-wrap:wrap;gap:30px;margin-top:40px}@media screen and (min-width: 768px){.port-projects-card-set{margin-top:30px}}@media screen and (min-width: 1200px){.port-projects-card-set{margin-top:50px}}.port-proj-item{background:var(--heade-title-background-color)}@media screen and (min-width: 768px){.port-proj-item{flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.port-proj-item{flex-basis:calc((100% - 60px)/3)}}.link-port-proj{display:flex;flex-direction:column;height:100%;transition:box-shadow 250ms var(--cubic-hover)}.link-port-proj:hover,.link-port-proj: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)}.portfolio-prj{position:relative;overflow:hidden}.port-proj-text{flex-grow:1;padding:20px 24px;border-bottom:1px solid var(--border-portf-proj-color);border-left:1px solid var(--border-portf-proj-color);border-right:1px solid var(--border-portf-proj-color)}.portfolio-prj-titel{font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--main-title-color)}.portfolio-prj-aftertitel{font-weight:400;font-size:16px;line-height:1.88;letter-spacing:.03em;color:var(--main-pretitle-color);margin-top:4px}.text-proj{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(33,150,243,.9);padding:63px 24px;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:.03em;color:#fff;overflow:auto;transform:translateY(101%);transition:transform 350ms var(--cubic-hover)}.port-proj-item:hover .text-proj,.port-proj-item:focus .text-proj{transform:translateY(0%);transition:transform 350ms var(--cubic-hover)}.input-footer{width:100%;height:50px;border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;padding:15px 16px;background-color:rgba(0,0,0,0)}@media screen and (min-width: 768px){.input-footer{display:block;width:450px}}@media screen and (min-width: 1200px){.input-footer{width:358px}}.label-footer{display:block;font-weight:700;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){.label-footer{text-align:left}}.input-footer::placeholder{font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;color:rgba(255,255,255,.6)}@media screen and (min-width: 1200px){.input-footer::placeholder{display:flex;align-items:center}}.input-footer{border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;color:#fff;outline:none;transition:border-color 250ms var(--cubic-hover)}@media(max-width: 1199px){.input-footer{margin-right:auto;margin-left:auto;margin-bottom:20px}}.input-footer:focus,.input-footer:checked{font-weight:400;font-size:16px;line-height:1.25;display:flex;align-items:center;letter-spacing:.03em;color:#fff;border-color:var(--hover-focus-color)}.btn-input-footer{display:flex;align-items:center;justify-content:center;height:50px;background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;margin-left:12px;border:none;padding:10px 28px 10px 29px;transition:background-color 250ms var(--cubic-hover)}@media(max-width: 1199px){.btn-input-footer{margin-right:auto;margin-left:auto}}.btn-input-footer:hover{background-color:var(--main-hero-btn-hover-background-color)}@media(max-width: 1199px){.btn-input-footer{margin-right:auto;margin-left:auto}}.text-btn-form-footer{font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:#fff;margin-right:10px}.icon-footer-btn{fill:#fff}@media screen and (min-width: 1200px){.subscribe-form{display:flex;align-items:flex-end;justify-content:flex-end;height:86px;margin-left:93px}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);transition:opacity 250ms var(--cubic-hover),visibility 250ms var(--cubic-hover)}.modal{position:absolute;padding:40px 15px;top:50%;left:50%;transform:translate(-50%, -50%);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:none;border-radius:4px;transition:transform 250ms var(--cubic-hover),min-height 250ms var(--cubic-hover)}@media(min-width: 479px){.modal{padding:40px}}.backdrop.is-hidden .modal{transform:translate(-50%, -50%);min-height:0px}@media(min-width: 375px){.modal{width:345px}}@media(min-width: 425px){.modal{width:395px}}@media screen and (min-width: 480px){.modal{width:450px}}@media screen and (min-width: 1200px){.modal{width:528px}}.btn-close-modal{position:absolute;display:flex;align-content:center;justify-content:center;width:30px;height:30px;top:8px;right:8px;padding:6px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;transition:fill 250ms var(--cubic-hover)}.btn-close-modal:hover,.btn-close-modal:focus{fill:var(--hover-focus-color)}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.no-scroll{overflow:hidden}.titel-modal{width:280px;font-weight:700;font-size:17px;line-height:1.5;margin-left:auto;margin-right:auto;text-align:center;letter-spacing:.03em;text-align:center;letter-spacing:.03em;color:#212121;margin-bottom:12px}@media(min-width: 375px){.titel-modal{width:100%;font-size:18px}}@media(min-width: 425px){.titel-modal{font-size:19px}}@media screen and (min-width: 480px){.titel-modal{font-size:20px;margin-left:auto;margin-right:auto}}.input-field{margin-bottom:10px}.input-field:last-child{margin-bottom:30px}.intup-wrap{position:relative}.input-icon-modal{position:absolute;left:12px;top:50%;transform:translateY(-50%);transition:fill 250ms var(--cubic-hover)}.input-form-modal:focus+.input-icon-modal{fill:var(--hover-focus-color)}.label-title-modal-form{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:#757575;margin-bottom:4px;display:block}.input-form-modal{width:100%;height:30px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:none;padding:11px 12px 11px 42px;transition:border-color 250ms var(--cubic-hover)}@media(min-width: 400px){.input-form-modal{height:40px}}.input-form-modal:focus{border-color:var(--hover-focus-color)}.textarea-form-modal{height:80px;padding-top:12px;resize:none;padding-left:12px}@media(min-width: 400px){.textarea-form-modal{height:120px}}.textarea-form-modal::placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5)}.box-icon-input{font-size:14px;line-height:1.71;letter-spacing:.03em;color:#757575;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.input-field-checkbox{display:flex}.box-icon-input{font-weight:400;font-size:9px;line-height:1.16;letter-spacing:.03em;color:#757575}@media(min-width: 375px){.box-icon-input{font-size:10px}}@media screen and (min-width: 480px){.box-icon-input{font-size:12px}}@media screen and (min-width: 1200px){.box-icon-input{font-size:14px}}.box-icon-input span{width:13px;height:12px;border:1.8px solid #212121;border-radius:3px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;fill:rgba(0,0,0,0);transition:background-color 250ms var(--cubic-hover),fill 250ms var(--cubic-hover),border-color 250ms var(--cubic-hover),filter 250ms var(--cubic-hover)}@media(min-width: 375px){.box-icon-input span{width:16px;height:15px}}.checkbox-form-modal:checked+.box-icon-input span{background-color:var(--hover-focus-color);border-color:var(--hover-focus-color);fill:#fff;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}.checkbox-form-modal:focus+.box-icon-input span,.checkbox-form-modal:hover+.box-icon-input span{border-color:var(--hover-focus-color)}.modal-terms{font-weight:400;font-size:9px;line-height:1.16;letter-spacing:.03em;text-decoration-line:underline;color:#2196f3;margin-left:4px}@media(min-width: 375px){.modal-terms{font-size:10px}}@media screen and (min-width: 480px){.modal-terms{font-size:12px}}@media screen and (min-width: 1200px){.modal-terms{font-size:14px}}.input-field-checkbox{margin-bottom:20px}@media(min-width: 400px){.input-field-checkbox{margin-bottom:30px}}.btn-form{background-color:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border:none;padding:5px 36px;font-size:14px;line-height:1.88;display:flex;align-items:center;text-align:center;letter-spacing:.06em;color:#fff;margin-left:auto;margin-right:auto;transition:background-color 250ms var(--cubic-hover)}@media(min-width: 425px){.btn-form{padding:8px 50px;font-size:16px}}@media screen and (min-width: 768px){.btn-form{padding:10px 55px;font-size:16px}}.btn-form:hover,.btn-form:focus{background-color:var(--main-hero-btn-hover-background-color)}/*# sourceMappingURL=main.min.css.map */