.hide{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}.no-scroll{overflow:hidden}*{font-family:"Roboto",sans-serif;margin:0;padding:0}ul{list-style:none}img{display:block}.container{margin:0 auto;width:100%;padding:0 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}}.link{text-decoration:none}.mob-menu{position:fixed;top:0;width:100%;height:100%;background-color:#fff;padding:48px 40px;z-index:1}.mob-menu>.container{height:100%;display:flex;flex-direction:column;overflow:auto}@media screen and (min-width: 768px){.mob-menu{display:none}}.mob-menu-open-btn{width:40px;height:40px;border:none;background-color:rgba(0,0,0,0);margin-left:auto}.mob-menu-open-btn:hover .menu-open-icon{fill:#2196f3}@media screen and (min-width: 768px){.mob-menu-open-btn{display:none}}.mob-menu-close-btn{position:absolute;top:10px;right:15px;width:40px;height:40px;border:none;background-color:rgba(0,0,0,0)}.mob-menu-close-btn:hover .mob-menu-close-icon{fill:#2196f3}.mob-menu-list{display:flex;flex-wrap:wrap;gap:32px}.mob-menu-item{width:100%}.mob-menu-link{color:#212121;font-size:40px;font-weight:500;letter-spacing:.8px}.mob-tel-menu-link{margin-top:auto;color:#2196f3;font-size:34px;font-weight:500;letter-spacing:.68px}.mob-email-menu-link{color:#757575;font-size:24px;font-weight:500;letter-spacing:.48px}.menu-soc-list{display:flex;gap:20px;margin-top:64px}.menu-soc-link{color:#2196f3;font-size:18px;font-weight:500;line-height:1.2222222222;letter-spacing:.36px}.menu-soc-link::before{content:" ";height:1px;width:22px;transform:rotate(90deg);background-color:rgba(33,33,33,.2)}.header{border-bottom:1px #ececec solid}.header-container{display:flex;align-items:center;padding:10px 15px}@media screen and (min-width: 768px){.header-container{padding:21px 15px}}@media screen and (min-width: 1200px){.header-container{padding:24px 0}}.header-title{font-size:26px;font-family:"Raleway",sans-serif;font-weight:700;letter-spacing:.78px;color:#000}@media screen and (min-width: 768px){.header-title{font-size:24px}}.header-list{display:none;gap:50px}@media screen and (min-width: 768px){.header-list{display:flex}}.bluepart{font-family:inherit;color:#2196f3}.nav{margin-left:88px;margin-right:auto}@media screen and (min-width: 1200px){.nav{margin-left:96px}}.header-link{color:#212121;font-size:14px;font-weight:500;letter-spacing:.28px;margin-right:40px;display:none;gap:10px;align-items:center;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.header-link{display:flex}}.header-link:last-child{margin-right:0}.header-link:hover{color:#2196f3;fill:#2196f3}.current-page{position:relative;color:#2196f3}.current-page::after{content:"";width:100%;height:4px;background:#2196f3;border-radius:2px;position:absolute;top:44px}.header-wrap{display:flex;flex-wrap:wrap;width:160px}@media screen and (min-width: 1200px){.header-wrap{flex-wrap:nowrap;width:auto}}.hero{background:rgba(47,48,58,.4);background-image:url(../../imeges/hero-mb.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;padding:118px 0;margin:0 auto}@media screen and (min-width: 768px){.hero{background-image:url(../../imeges/hero-tab.jpg)}}@media screen and (min-width: 1200px){.hero{padding:200px;background-image:url(../../imeges/hero-desc.jpg)}}.hero-container{text-align:center;width:360px}@media screen and (min-width: 1200px){.hero-container{width:696px}}.hero__title{text-align:center;color:#fff;font-size:26px;font-weight:900;text-transform:uppercase;line-height:1.6153846154;letter-spacing:1.56px;margin-bottom:30px}@media screen and (min-width: 1200px){.hero__title{font-size:44px;line-height:1.3636363636;letter-spacing:2.64px}}.hero__link{text-align:center;color:#fff;background:#2196f3;padding:10px 24px;border-radius:4px;border:none}.hero__link a{font-size:16px;font-weight:700;line-height:1.875;letter-spacing:.96px;color:inherit;text-decoration:none}.about-container{padding:60px 0}.about__list{display:flex;flex-wrap:wrap;gap:30px}@media screen and (min-width: 768px){.list-item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.list-item{width:calc((100% - 90px)/4)}}.list-img{background-color:#f5f4fa;padding:25px 100px;text-align:center;width:100%;height:120px;margin-bottom:30px}.list-title{color:#212121;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.42px;margin-bottom:10px}@media screen and (min-width: 768px){.list-title{text-align:start}}.list-text{color:#757575;font-size:14px;line-height:1.7142857143;letter-spacing:.42px}.gallery{display:none;margin:94px 0}@media screen and (min-width: 1200px){.gallery{display:block}}.gallery__title{text-align:center;color:#212121;font-size:36px;letter-spacing:1.08px}.gallery__list{display:flex;justify-content:center;gap:30px;margin-top:50px}.gallery__item{position:relative}.gallery__text{position:absolute;bottom:3px;width:100%;height:70px;padding:27px 0;background-color:rgba(47,48,58,.8);text-align:center;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.42px}.team{background-color:#f5f4fa;padding:60px 0}@media screen and (min-width: 1200px){.team{padding:94px 0}}.team-title{text-align:center;color:#212121;font-size:36px;letter-spacing:1.08px;margin-bottom:30px}@media screen and (min-width: 1200px){.team-title{margin-bottom:50px}}.team-list{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.team-item{background-color:#fff;border-radius:4px;width:100%;box-shadow:0px 2px 1px rgba(0,0,0,.2);overflow:hidden}@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-item-title{text-align:center;color:#212121;font-size:16px;font-weight:500;letter-spacing:.48px;margin-top:30px}.team-item-text{text-align:center;color:#757575;font-size:16px;letter-spacing:.48px;margin-bottom:16px;margin-top:10px}.team-soc-list{padding-bottom:30px}.team-soc-link{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.team-soc-link:hover .team-soc-icon{fill:#fff}.team-soc-link:hover{background-color:#2196f3}.team-soc-item{width:44px;height:44px}.team-soc-list{display:flex;justify-content:center;gap:10px}.team-soc-icon{fill:#afb1b8;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients{padding:94px 0}.clients-title{text-align:center;color:#212121;font-size:28px;letter-spacing:.84px;margin-bottom:30px}.clients-list{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.clients-item{width:calc((100% - 30px)/2)}@media screen and (min-width: 768px){.clients-item{width:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.clients-item{width:calc((100% - 150px)/6)}}.clients-link{padding:16px 0;border-radius:4px;border:1px #afb1b8 solid;display:block;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients-link:hover .clients-icon{fill:#2196f3}.clients-link:hover{border:1px #2196f3 solid}.clients-icon{fill:#afb1b8;display:block;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);margin:0 auto}.addreess{width:100%}.footer-container{display:flex;flex-wrap:wrap;justify-content:center;gap:60px}@media screen and (min-width: 768px){.footer-container{justify-content:space-between}}@media screen and (min-width: 1200px){.footer-container{flex-wrap:nowrap;gap:94px}}.footer{background:#2f303a;padding:60px 0}@media screen and (min-width: 768px){.footer{padding:60px 80px}}.footer-title{font-style:normal;color:#fff;font-size:24px;font-weight:700;letter-spacing:.78px;font-family:"Raleway",sans-serif;margin-bottom:28px;display:block;text-align:center}@media screen and (min-width: 1200px){.footer-title{font-size:26px;text-align:start}}.address-link{color:rgba(255,255,255,.6);font-size:14px;line-height:1.1428571429;letter-spacing:.42px;font-style:normal;text-align:center}@media screen and (min-width: 1200px){.address-link{text-align:start}}.footer-list{width:231px}.footer-item{text-align:center}@media screen and (min-width: 1200px){.footer-item{text-align:left}}.address-link-white{color:#fff}.footer-item:not(:last-child){margin-bottom:12px}.join-title{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.42px;margin-bottom:20px;text-align:center}@media screen and (min-width: 1200px){.join-title{text-align:left}}.join-list{max-width:206px;display:flex;justify-content:center;gap:10px}.join-item{width:44px;height:44px}.join-link{width:100%;height:100%;border-radius:50%;display:block;display:flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,.1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.join-icon{fill:#fff}.join-link:hover{background-color:#2196f3}.subscribe{width:100%}.subscribe-form{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}@media screen and (min-width: 768px){.subscribe-form{width:450px;margin:0 auto}}@media screen and (min-width: 1200px){.subscribe-form{width:auto;margin:0;justify-content:start;flex-wrap:nowrap}}.subscribe-title{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.42px;text-align:center;margin-bottom:20px}@media screen and (min-width: 1200px){.subscribe-title{text-align:left}}.subscribe-input{width:100%;height:50px;background-color:rgba(0,0,0,0);font-size:16px;line-height:1.25;letter-spacing:.48px;border-radius:4px;border:1px rgba(255,255,255,.3) solid;outline:none;padding-left:16px;color:rgba(255,255,255,.6);box-shadow:0px 4px 4px rgba(0,0,0,.15)}.subscribe-btn{width:200px;height:50px;padding-left:28px;padding-right:62px;background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;text-align:center;color:#fff;font-size:16px;font-weight:700;line-height:1.875;letter-spacing:.96px;border:none;cursor:pointer;position:relative}.subscribe-icon{position:absolute;right:28px;top:12px}.portfolio-main{padding:94px 0}.main-portfolio{padding:60px 0}.button{text-align:center;color:#212121;font-size:16px;font-weight:500;line-height:1.625;letter-spacing:.48px;border-radius:4px;border:none;background-color:#f5f4fa;padding:6px 22px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button:hover{background:#2196f3;color:#fff;box-shadow:0px 2px 2px rgba(0,0,0,.12)}.portfolio-buttons-container{margin-bottom:50px}.portfolio-buttons{display:flex;justify-content:start;flex-wrap:wrap;gap:8px;padding-right:129px}@media screen and (min-width: 768px){.portfolio-buttons{justify-content:center;padding-right:0}}.portfolio-container{display:flex;justify-content:center}.portfolio-gallery-list{padding:0;display:flex;flex-wrap:wrap;gap:30px}.portfolio-gallery-item{width:100%;background:#fff;border:1px #eee solid;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.portfolio-gallery-item{width:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.portfolio-gallery-item{width:calc((100% - 60px)/3)}}.portfolio-gallery-item:hover{box-shadow:1px 4px 6px rgba(0,0,0,.16)}.portfolio-gallery-item-title{color:#212121;font-size:18px;line-height:2;letter-spacing:1.08px}.portfolio-gallery-item-text{color:#757575;font-size:16px;line-height:1.875;letter-spacing:.48px}.potfolio-gallery-item-content{padding:20px 24px}.portfolio-gallery-img{width:450px;height:294px}@media screen and (min-width: 768px){.portfolio-gallery-img{width:354px}}@media screen and (min-width: 1200px){.portfolio-gallery-img{width:370px}}.portfolio-gallery-top-wrap{position:relative;overflow:hidden}.portfolio-gallery-top-text{position:absolute;top:0;background-color:rgba(33,150,243,.9);height:100%;color:#fff;font-size:18px;line-height:1.5555555556;letter-spacing:.54px;padding:63px 24px;overflow:auto;transform:translateY(100%);transition:transform 250ms linear}.portfolio-gallery-item:hover .portfolio-gallery-top-text{transform:translateY(0)}.backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.2);position:fixed;top:0;transition:opacity 300ms linear,visibility 300ms linear}.modal{position:absolute;width:528px;height:581px;background:#fff;box-shadow:0px 2px 1px rgba(0,0,0,.2);border-radius:4px;top:50%;left:50%;transform:translate(-50%, -50%) scaleY(1);transition:transform 300ms linear;padding:40px}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scaleY(1.5)}.modal-close-icon{transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-close{position:absolute;right:10px;top:10px;width:30px;height:30px;background:#fff;border-radius:9999px;border:1px rgba(0,0,0,.1) solid;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);cursor:pointer}.modal-close:hover .modal-close-icon{fill:#2196f3}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-form-title{text-align:center;color:#212121;font-size:20px;letter-spacing:.6px;margin-bottom:12px}.modal-form{display:flex;align-items:center;flex-wrap:wrap}.modal-form-wrap{width:100%;position:relative}.modal-form-label{color:#757575;font-size:12px;letter-spacing:.12px;margin-bottom:4px}.modal-form-item{height:40px;width:100%;margin-bottom:10px;border-radius:4px;border:1px rgba(33,33,33,.2) solid;outline:none;padding-left:42px;transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form-item:focus{border-color:#2196f3}.modal-form-item:focus+.modal-form-icon{fill:#2196f3}.modal-form-icon{position:absolute;top:11px;left:12px;transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form-textarea{width:100%;height:120px;resize:none;padding:12px 16px}.modal-form-check-label{color:#757575;font-size:14px;line-height:1.7142857143;letter-spacing:.42px;margin-left:7px}.modal-form-check-link{color:#2196f3;font-size:14px;text-decoration:underline;line-height:1.7142857143;letter-spacing:.42px;margin-left:.42px}.modal-form-check-label{display:flex;align-items:center}.modal-form-check-label::before{content:"";width:16px;height:15px;border:2px solid #212121;border-radius:2px;margin-right:7px;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form-check:checked+.modal-form-check-label::before{background-color:#2196f3;border:none;background-image:url(../../imeges/check.svg);background-position:center;background-repeat:no-repeat}.modal-form-button{width:200px;height:50px;background:#2196f3;border-radius:4px;text-align:center;color:#fff;font-size:16px;font-weight:700;line-height:1.875;letter-spacing:.96px;border:none;margin:0 auto;margin-top:30px;transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form-button:hover{box-shadow:0px 4px 4px rgba(0,0,0,.15)}/*# sourceMappingURL=main.min.css.map */