:root{--accent-color: #2196F3;--primary-text-color: #212121;--header-background-color: #FFFFFF;--footer-background: #2F303A;--second-text-color: #757575;--typical-margin: 30px;--icons-color: #AFB1B8;--hoover-duration: 250ms;--hover-time-function: cubic-bezier(0.4, 0, 0.2, 1)}body{font-family:"Roboto",sans-serif;color:var(--primary-text-color);background-color:#fff;position:relative}p,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{padding-left:0;margin:0;list-style:none;padding:0;margin:0}img{display:block;height:auto;width:100%}button{outline:none;border:none}a{text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowarp;clip-path:insert(100%);clip:rect(0 0 0 0);overflow:hidden}.link{text-decoration:none}button{cursor:pointer}.section{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right: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}}.header{border-bottom:1px solid #ececec;background-color:var(--header-background-color)}.header__container{display:flex;align-items:center}@media screen and (min-width: 1200px){.header__container{align-items:baseline}}.navigation{display:none}@media screen and (min-width: 768px){.navigation{display:contents}}@media screen and (min-width: 1200px){.navigation{display:flex;justify-content:center;align-items:baseline}}.js-open-menu{margin-left:auto;padding:0;border-bottom:none;transition:color var(--hoover-duration) var(--hover-time-function)}.js-open-menu:hover,.js-open-menu:focus{color:var(--accent-color)}@media screen and (min-width: 768px){.js-open-menu{display:none}}.menu-icon{background-color:var(--header-background-color);fill:currentColor}@media screen and (min-width: 1200px){.header__navigation{margin-left:93px}}.js-menu-container{position:fixed;top:0;left:0;background-color:#fff;width:100vw;height:100vh;z-index:1;padding-top:21px;padding-bottom:48px;transform:translateX(100%)}.js-menu-container .container{display:flex;height:100%;flex-direction:column;justify-content:space-between}@media screen and (min-width: 768px){.js-menu-container{display:none}}.js-menu-container.is-open{transform:translateX(0)}.js-close-menu{background-color:var(--header-background-color);margin-left:auto;display:block;margin-bottom:8px;padding:0;transition:color var(--hoover-duration) var(--hover-time-function)}.js-close-menu:hover,.js-close-menu:focus{color:var(--accent-color)}.menu-close__icon{fill:currentColor}.mob-menu__item:not(:last-child){margin-bottom:32px}.mob-menu__link{font-weight:500;font-size:40px;line-height:1.18;letter-spacing:.02em;color:#212121}.current{color:var(--accent-color)}.mob-contact__item:not(:last-child){margin-bottom:32px}.mob-contact{margin-bottom:64px}.mob-tel__link{font-weight:500;font-size:34px;line-height:1.18;letter-spacing:.02em;color:#2196f3}.mob-mail__link{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:#757575}.mob-social{display:flex}.mob-social__item:not(:last-child){border-right:1px solid rgba(33,33,33,.2);margin-right:10px}.mob-social__link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:#2196f3;padding-right:10px;padding-bottom:0}.logo{text-decoration:none;font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;line-height:1.17;letter-spacing:.03em;color:var(--accent-color)}@media screen and (min-width: 1200px){.logo{line-height:1.19}}.logo__black{font-family:"Raleway",sans-serif;font-weight:700;color:var(--primary-text-color)}.logo__white{color:#fff}.menu-list{display:flex;align-items:center}@media screen and (min-width: 768px){.menu-list{margin-left:88px}}@media screen and (min-width: 1200px){.menu-list{margin-left:0}}.menu-list__item:not(:last-child){margin-right:50px}.menu-list__link{text-decoration:none;position:relative;display:block;padding-top:32px;padding-bottom:32px;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:inherit;transition:color var(--hoover-duration) var(--hover-time-function)}.menu-list__link:hover,.menu-list__link:focus{color:var(--accent-color)}.menu-list__link--current{color:var(--accent-color)}.menu-list__link--current::after{position:absolute;bottom:-1px;left:0;content:"";display:block;background:#2196f3;border-radius:2px;width:100%;height:4px}.connect{display:flex;margin-left:auto;display:none}@media screen and (min-width: 768px){.connect{display:contents;display:flex;flex-direction:column}}@media screen and (min-width: 1200px){.connect{flex-direction:row;display:flex;justify-content:center;align-items:baseline}}@media screen and (min-width: 768px){.connect__item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.connect__item:not(:last-child){margin-bottom:0;margin-right:30px}}.connect__link{text-decoration:none;display:flex;align-items:baseline;transition:color var(--hoover-duration) var(--hover-time-function);font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:var(--second-text-color)}@media screen and (min-width: 1200px){.connect__link{padding-top:32px;padding-bottom:32px}}.connect__link:hover,.connect__link:focus{color:var(--accent-color)}.connect__icon{display:flex;margin-right:10px;fill:currentColor}.hero{background-color:#2f303a;padding-top:118px;padding-bottom:118px;text-align:center;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/Hero-img-mob.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;max-width:1600px;width:100%;margin:0 auto}@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/Hero-img-tablet.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}}.hero__title{color:#fff;font-weight:900;line-height:1.62;font-size:26px;letter-spacing:.06em;margin-left:auto;margin-right:auto;margin-bottom:30px;text-transform:uppercase}@media screen and (min-width: 768px){.hero__title{max-width:360px}}@media screen and (min-width: 1200px){.hero__title{line-height:1.36;font-size:44px;max-width:700px}}.hero__btn{text-align:center;padding:10px 32px;min-width:200px;font-family:inherit;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:#fff;background:var(--accent-color);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px}.backdrop{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);transition:opacity 500ms,visibility 500ms}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.backdrop.is-hidden .modal{transform:scale(0.5) rotate(-250deg)}.modal{position:absolute;width:100vw;height:100vh;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;top:50%;left:50%;transition:transform 300ms;transform:translate(-50%, -50%) scale(1) rotate(0);padding:40px}@media screen and (min-width: 480px){.modal{width:450px;height:609px}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.close-modal-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);box-sizing:border-box;display:flex;align-items:center;justify-content:center}.close-btn-icon{fill:#000;transition:fill var(--hoover-duration) var(--hover-time-function)}.close-btn-icon:hover,.close-btn-icon:focus{fill:var(--accent-color);outline:none}.modal-title{font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:.03em;color:var(--primary-text-color)}.modal-form{margin-top:12px}.modal-field{margin-bottom:10px}.madal-lable{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--second-text-color)}.modal-input-wrap{position:relative;padding-top:4px}.modal-input{width:100%;height:40px;border:1px solid rgba(33,33,33,.2);box-sizing:border-box;border-radius:4px;outline:none;padding-left:42px;transition:border-color var(--hoover-duration) var(--hover-time-function)}.modal-input:hover,.modal-input:focus{border-color:var(--accent-color)}.modal-input:focus+.input-icon{fill:var(--accent-color)}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);transition:fill var(--hoover-duration) var(--hover-time-function)}.modal-coment{display:block;width:100%;height:120px;border:1px solid rgba(33,33,33,.2);box-sizing:border-box;border-radius:4px;padding:12px 16px;resize:none;outline:none}.modal-coment:hover,.modal-coment:focus{border-color:var(--accent-color)}.text-wrap{margin-top:4px;margin-bottom:20px}.check-text{display:flex;align-items:center;justify-content:center;font-weight:400;font-size:12px;line-height:1.17;letter-spacing:.03em;color:var(--second-text-color)}@media screen and (min-width: 1200px){.check-text{line-height:1.71;font-size:14px}}.check-text span{width:16px;height:15px;border:2px solid #000;border-radius:3px;margin-right:8px;display:flex;align-items:center;justify-content:center}.contract{color:var(--accent-color);font-size:12px;line-height:1.17;letter-spacing:.03em}@media screen and (min-width: 1200px){.contract{font-size:14px;line-height:1.71}}.check-icon{fill:rgba(0,0,0,0)}.input-check:checked+.check-text span{background-color:var(--accent-color);border:none}.input-check:checked+.check-text .check-icon{fill:#fff}.modal-send{outline:none;display:flex;align-items:center;margin-top:30px;min-width:200px;height:50px;padding:10px 55px;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:var(--header-background-color);background-color:var(--accent-color);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;margin-left:auto;margin-right:auto;transition:background-color var(--hoover-duration) var(--hover-time-function)}.modal-send:hover,.modal-send:focus{background-color:#188ce8}.preference{margin-bottom:-30px}@media screen and (min-width: 768px){.preference{display:flex;flex-wrap:wrap;margin-left:-30px}}.preference__item{width:100%;margin-bottom:30px}@media screen and (min-width: 768px){.preference__item{width:calc(50% - 30px);margin-left:30px}}@media screen and (min-width: 1200px){.preference__item{width:calc(25% - 30px)}}.preference__box{display:flex;align-items:center;justify-content:center;background-color:#f5f4fa;border-radius:4px;height:120px;width:100%}.preference__title{margin-top:30px;margin-bottom:10px;text-align:center;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-text-color)}@media screen and (min-width: 768px){.preference__title{text-align:start}}.preference__text{font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--second-text-color)}.activity{display:none}@media screen and (min-width: 1200px){.activity{display:contents}}.section--no-pad-top{padding-top:0}.activity-list{display:flex}.activity__item{position:relative}.activity__item:not(:last-child){margin-right:30px}.activity__toptext{position:absolute;bottom:0;width:100%;height:70px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff;background-color:rgba(47,48,58,.8);display:flex;justify-content:center;align-items:center}.section__title{text-align:center;font-weight:700;font-size:28px;line-height:1.18;letter-spacing:.03em;margin-bottom:30px}@media screen and (min-width: 1200px){.section__title{margin-bottom:50px;font-size:36px;line-height:1.17}}.section--background{background-color:#f5f4fa}.team{margin-bottom:-30px}@media screen and (min-width: 768px){.team{display:flex;flex-wrap:wrap;margin-left:-30px}}.team__item{width:100%;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:0px 0px 4px 4px;margin-bottom:30px}@media screen and (min-width: 768px){.team__item{width:calc(50% - 30px);margin-left:30px}}@media screen and (min-width: 1200px){.team__item{width:calc(25% - 30px)}}.team__card{padding-top:30px;padding-bottom:30px}.team__title{text-align:center;font-weight:500;font-size:16px;line-height:1.19;letter-spacing:.03em;margin-bottom:10px}.team__text{text-align:center;font-size:16px;line-height:1.19;letter-spacing:.03em;color:var(--second-text-color)}.social{display:flex;justify-content:center;margin-top:16px}.social__link{width:44px;height:44px;background-color:rgba(0,0,0,0);border-radius:50%;display:flex;justify-content:center;align-items:center;fill:var(--icons-color);transition:fill var(--hoover-duration) var(--hover-time-function),background-color var(--hoover-duration) var(--hover-time-function)}.social__link:hover,.social__link:focus{background-color:var(--accent-color);fill:#fff}.social__item+.social__item{margin-left:10px}.clients{margin-bottom:-30px;margin-left:-30px;display:flex;flex-wrap:wrap}.clients__item{width:calc(50% - 30px);margin-left:30px;margin-bottom:30px}@media screen and (min-width: 768px){.clients__item{width:calc(33.3333333333% - 30px);margin-bottom:30px;margin-left:30px}}@media screen and (min-width: 1200px){.clients__item{width:calc(16.6666666667% - 30px);margin-left:30px}}.clients__link{width:100%;height:92px;display:flex;justify-content:center;align-items:center;border:1px solid #afb1b8;box-sizing:border-box;border-radius:4px;fill:var(--icons-color);transition:border var(--hoover-duration) var(--hover-time-function),fill var(--hoover-duration) var(--hover-time-function)}.clients__link:hover,.clients__link:focus{fill:var(--accent-color);border:1px solid var(--accent-color)}.portfolio{display:flex;flex-wrap:wrap;margin-bottom:25px}@media screen and (min-width: 768px){.portfolio{display:flex;justify-content:center;align-items:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.portfolio{margin-bottom:50px}}.portfolio-item{margin-bottom:15px}@media screen and (min-width: 768px){.portfolio-item{margin-bottom:0}}.portfolio-item:not(:last-child){margin-right:8px}.galery-item{width:100%}.portfolio-galery-list{display:block;margin-bottom:-30px}@media screen and (min-width: 768px){.portfolio-galery-list{display:flex;flex-wrap:wrap;margin-left:-30px}}.galery-item{margin-bottom:30px}@media screen and (min-width: 768px){.galery-item{width:calc(50% - 30px);margin-left:30px}}@media screen and (min-width: 1200px){.galery-item{width:calc(33.3333333333% - 30px)}}.galery-link{height:100%;display:flex;flex-direction:column;transition:box-shadow var(--hoover-duration) var(--hover-time-function)}.galery-link:hover,.galery-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)}.galery-link:hover .galery-top-text,.galery-link:focus .galery-top-text{transform:translateY(0%)}.galery-top-wrap{position:relative;overflow:hidden}.galery-top-text{position:absolute;top:0;padding:63px 24px;height:100%;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:.03em;color:#fff;background-color:rgba(33,150,243,.9);transform:translateY(100%);transition:transform var(--hoover-duration) var(--hover-time-function);overflow:auto}.galery-title{margin-bottom:4px;font-weight:700;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--primary-text-color);flex-shrink:0}.galery-text{font-size:16px;line-height:1.88;letter-spacing:.03em;color:var(--second-text-color)}.cards{padding:20px 24px;background:#fff;border:1px solid #eee;border-top:none;flex-grow:1}.portfolio-btn{padding:6px 22px;font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:1.62;text-align:center;letter-spacing:.03em;color:var(--primary-text-color);background-color:#f5f4fa;border-radius:4px;transition:color var(--hoover-duration) var(--hover-time-function),background-color var(--hoover-duration) var(--hover-time-function),box-shadow var(--hoover-duration) var(--hover-time-function),border var(--hoover-duration) var(--hover-time-function)}.portfolio-btn:hover,.portfolio-btn:focus{background-color:var(--accent-color);color:#fff;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}.footer{background-color:var(--footer-background);padding-top:60px;padding-bottom:60px}@media screen and (max-width: 1199px){.footer{text-align:center}}.footer .container{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){.footer .container{display:flex;flex-direction:row;align-items:baseline;justify-content:space-around;flex-wrap:wrap;align-content:space-around}}@media screen and (min-width: 1200px){.footer .container{flex-wrap:nowrap}}.footer--flex{display:block}@media screen and (min-width: 1200px){.footer--flex{margin-right:70px}}.footer--logo{text-decoration:none;margin-bottom:20px}.address--margin{margin-top:20px}.address__street{font-style:normal;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:#fff}.acept{display:block;margin-top:60px}@media screen and (min-width: 768px){.acept{margin-top:0}}.acept__title{margin-bottom:20px}.acept__list{display:flex;padding:0}.acept__item+.acept__item{margin-left:10px}.acept__link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;background-color:rgba(255,255,255,.1);border-radius:50%;fill:#fff;transition:background-color var(--hoover-duration) var(--hover-time-function)}.acept__link:hover,.acept__link:focus{background-color:var(--accent-color)}.address__contact{text-decoration:none;font-style:normal;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:rgba(255,255,255,.6);transition:color var(--hoover-duration) var(--hover-time-function)}.address__contact:hover,.address__contact:focus{color:#fff}.address__list{margin:0;padding:0}.address__item{margin-top:8px}.title-footer{margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;text-transform:uppercase;color:#fff}@media screen and (min-width: 1200px){.form-wrap{display:flex}}.submit{display:flex;flex-direction:column;margin-top:60px}@media screen and (min-width: 768px){.submit{align-items:center}}@media screen and (min-width: 1200px){.submit{margin-top:0;display:block;margin-left:83px}}.input-email{display:block;width:320px;height:50px;padding:15px;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;background-color:var(--footer-background);outline:none}.input-email::placeholder,.input-email:focus-visible{font-size:16px;line-height:1.25;align-items:center;letter-spacing:.03em;color:rgba(255,255,255,.6)}@media screen and (min-width: 768px){.input-email{width:450px}}@media screen and (min-width: 1200px){.input-email{width:358px}}.button-submit{margin-top:20px;border:none;display:inline-flex;align-items:center;min-width:200px;height:50px;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:var(--header-background-color);background-color:var(--accent-color);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;outline:none;padding-left:29px;padding-right:13px}@media screen and (min-width: 1200px){.button-submit{margin-top:0;margin-left:12px}}.button-submit__icon{fill:var(--header-background-color);margin-left:10px}/*# sourceMappingURL=main.min.css.map */