body{font-family:"Roboto",sans-serif;font-style:normal;color:#000}:root{--section-color: #2f303a}img{display:block}p,h1,h2,h3,h4,h5,h6{margin:0}ul,ol{padding-left:0;margin:0}button{cursor:pointer}.container{width:100%;padding-left:15px;padding-right:15px;margin:0 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}}.link{text-decoration:none;transition-property:color,fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.list{list-style:none}.logo--bleck{color:#000}.logo--white{color:#fff}.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}.header{position:relative;background-color:#fff;--color-text-header: #212121;--color-text-contact: #757575;border-bottom:1px solid #ececec;display:flex;align-items:center;justify-content:space-between}.header .container{margin:0 auto;display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.header .container{margin:0 auto;display:flex;align-items:center}}@media screen and (min-width: 768px){.header .container{padding-top:21px;padding-bottom:21px}}@media screen and (min-width: 1200px){.header .container{padding-top:24px;padding-bottom:25px}}.logo{font-family:"Raleway";font-style:normal;font-weight:700;font-size:24px;line-height:1.67;letter-spacing:.03em;color:#2196f3}@media screen and (min-width: 1200px){.logo{font-weight:none;font-size:26px;line-height:1.19;letter-spacing:none;color:none}}@media screen and (min-width: 768px){.header-nav{margin-left:88px}}@media screen and (min-width: 1200px){.header-nav{margin-left:93px}}.nav-list{font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:#212121;display:flex;transition-property:color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.nav-list :hover,.nav-list :focus{color:#2196f3}@media screen and (max-width: 767px){.nav-list{display:none}}.nav__item{display:flex}.nav__item:not(:last-child){margin-right:50px}.nav__link{font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:#212121}.contaсt-first{font-weight:500;font-size:14px;line-height:1.14;letter-spacing:.02em;color:#757575;display:flex;margin-left:auto;transition-property:color,fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 767px){.contaсt-first{display:none}}@media screen and (min-width: 768px){.contaсt-first{flex-direction:column;margin-bottom:-10px}}@media screen and (min-width: 1200px){.contaсt-first{flex-direction:row;align-items:center;margin-right:-30px;margin-bottom:0}}@media screen and (min-width: 768px){.contaсt-first__item{margin-bottom:10px}}@media screen and (min-width: 1200px){.contaсt-first__item{margin-right:30px;margin-bottom:0}}.contaсt-first__link{color:var(--color-text-contact);display:flex;align-items:center;fill:var(--color-text-contact)}.contaсt-first__link:hover,.contaсt-first__link:focus{color:#2196f3;fill:#2196f3}.contaсt-first__icon{margin-right:10px}.menu-open-btn{background:#fff;border:none}.menu-open-btn:hover,.menu-open-btn:focus{fill:#2196f3}@media screen and (min-width: 768px){.menu-open-btn{display:none}}.mob-menu{position:fixed;z-index:1;top:0;right:0;background-color:#fff;width:100vw;height:100vh;padding:48px 0px;margin:0 auto}.mob-menu .container{display:flex;flex-direction:column;justify-content:space-between;height:100%;align-items:flex-start}@media screen and (mn-width: 768px){.mob-menu{display:none}}.menu-close-btn{position:absolute;top:10px;right:15px;background:#fff;border:none}.menu-close-btn:hover,.menu-close-btn:focus{fill:#2196f3}.mob-nav__item:hover,.mob-nav__item:focus{color:#2196f3}.mob-nav__item:not(last-child){margin-bottom:32px}.mob-nav__link{font-weight:500;font-size:40px;line-height:1.175;letter-spacing:.02em;color:#212121}.mob-nav__link:hover,.mob-nav__link:focus{color:#2196f3}.mob-nav__link--color{color:#2196f3}.mob-contaсt-list{margin-bottom:64px}.mob-contaсt__item:not(last-child){margin-bottom:32px}.mob-contaсt__tel{font-weight:500;font-size:30px;line-height:1.175;letter-spacing:.02em;color:#2196f3;margin-bottom:32px}@media screen and (min-width: 380px){.mob-contaсt__tel{font-weight:500;font-size:34px;line-height:1.175;letter-spacing:.02em;color:#2196f3}}.mob-contaсt__email{font-weight:500;font-size:24px;line-height:1.165;letter-spacing:.02em;color:#757575}.mob-contaсt__email:hover,.mob-contaсt__email:focus{color:#2196f3}.mob-soc-list{display:flex;margin-left:-10px}.mob-soc__item:not(last-child){padding-right:10px;margin-left:10px;border-right:1px solid rgba(33,33,33,.2)}.mob-soc__item:nth-child(4){border:none}.mob-soc__link{font-weight:500;font-size:14px;line-height:1.22;letter-spacing:.02em;color:#2196f3}@media screen and (min-width: 380px){.mob-soc__link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:.02em;color:#2196f3}}.no-scroll{overflow:hidden}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.nav__item:nth-child(1):after{content:"";position:absolute;top:99%;width:48px;height:4px;background:#2196f3;border-radius:2px}.main-section{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/Header_fon-mobile.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;height:400px;margin:0 auto;padding-top:200px;padding-bottom:200px;position:relative}@media(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.main-section{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/Header_fon-mobile-2x.jpg)}}.main-section .container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (min-width: 768px){.main-section{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/Header_fon-tablet.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){.main-section{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/Header_fon-tablet-2x.jpg)}}@media screen and (min-width: 1200px){.main-section{height:600px;max-width:1600px;background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/header_fon.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){.main-section{background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../img/Header_fon-2x.jpg)}}.main-section__motto{font-weight:900;font-size:26px;line-height:1.62;letter-spacing:.06em;color:#fff;text-align:center;text-transform:uppercase;margin-bottom:30px}@media screen and (min-width: 1200px){.main-section__motto{font-weight:900;font-size:44px;line-height:1.36;letter-spacing:.06em;color:#fff}}.main-section__btn{font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:#fff;width:200px;height:50px;font-family:"Roboto";font-style:normal;display:flex;justify-content:center;align-items:center;text-align:center;background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;cursor:pointer;margin:auto}.soft-skils{background:#fff;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 768px){.soft-skils{padding-top:94px;padding-bottom:94px}}.soft-skils-list{margin-bottom:-30px}@media screen and (min-width: 768px){.soft-skils-list{display:flex;flex-wrap:wrap;margin-left:-30px}}.soft-skils__item{max-width:450px;margin:0 auto;margin-bottom:30px}@media screen and (min-width: 768px){.soft-skils__item{width:calc(50% - 30px);margin-left:30px}}@media screen and (min-width: 1200px){.soft-skils__item{max-width:270px;width:calc(25% - 30px)}}.soft-skils__header{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;color:#212121;text-transform:uppercase;text-align:center;margin-bottom:10px}@media screen and (min-width: 768px){.soft-skils__header{text-align:start}}.soft-skils__paragraph{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:#757575}.soft-skils__cont{max-width:450px;background-color:#f5f4fa;height:120px;margin-bottom:30px;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 768px){.soft-skils__cont{max-width:354px}}@media screen and (min-width: 1200px){.soft-skils__cont{max-width:270px}}.soft-skils__icon{margin:0 auto}.hard-skil{display:none}@media screen and (min-width: 1200px){.hard-skil{padding-bottom:94px;display:block}}.hard-skils{font-weight:700;font-size:36px;line-height:1.17;letter-spacing:.03em;color:#212121;text-align:center;margin-bottom:50px}.hard-skils__item{position:relative}.hard-skils__item:not(:last-child){margin-right:30px}.hard-skils__par{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;color:#fff;position:absolute;top:224px;width:370px;height:70px;display:flex;justify-content:center;align-items:center;text-align:center;text-transform:uppercase;background:rgba(47,48,58,.8)}.hard-skils-list{display:flex;justify-content:space-between}.team{background:#f5f4fa;padding-top:60px;padding-bottom:60px;margin:0 auto;width:100%}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.our-team{font-weight:700;font-size:28px;line-height:1.17;letter-spacing:.03em;color:#212121;text-align:center;margin-bottom:30px}.our-team__img{margin:0 auto}@media screen and (min-width: 1200px){.our-team{font-weight:none;font-size:36px;line-height:none;letter-spacing:none;color:#212121;margin-bottom:50px}}.our-team-list{margin-bottom:-30px}@media screen and (min-width: 768px){.our-team-list{display:flex;flex-wrap:wrap;margin-left:-30px}}.our-team__item{max-width:450px;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:0 auto;margin-bottom:30px}@media screen and (min-width: 768px){.our-team__item{width:calc(50% - 30px);margin-left:30px}}@media screen and (min-width: 1200px){.our-team__item{width:calc(25% - 30px);margin-left:30px}}.our-team__header{font-weight:500;font-size:16px;line-height:1.17;letter-spacing:.03em;color:#212121;text-align:center;letter-spacing:.03em;margin-bottom:10px}.our-team__paragraph{font-weight:400;font-size:16px;line-height:1.17;letter-spacing:.03em;color:#757575;text-align:center;margin-bottom:15px}.our-team-signature{padding-top:30px;padding-bottom:30px;max-width:450px}.soc-list{display:flex;justify-content:center;align-items:center}.soc__item:not(:last-child){margin-right:10px}.soc__link{width:44px;height:44px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;fill:#afb1b8;transition-property:background-color,fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.soc__link:hover,.soc__link:focus{background-color:#2196f3;fill:#fff}.clients{padding-top:60px;padding-bottom:60px;margin:0 auto}@media screen and (min-width: 1200px){.clients{padding-top:94px;padding-bottom:94px}}.clients-text{font-weight:700;font-size:28px;line-height:1.17;letter-spacing:.03em;color:#212121;margin-bottom:30px;text-align:center}@media screen and (min-width: 1200px){.clients-text{font-weight:700;font-size:36px;line-height:1.17;letter-spacing:.03em;color:#212121;text-align:center;letter-spacing:.03em;margin-bottom:50px}}.clients-list{margin-bottom:-30px;margin-left:-30px;display:flex;flex-wrap:wrap;justify-content:center}.clients__item{margin-bottom:30px;width:calc(50% - 30px);margin-left:30px}@media screen and (min-width: 768px){.clients__item{width:calc(33.3333333333% - 30px)}}@media screen and (min-width: 1200px){.clients__item{width:calc(16.6666666667% - 30px)}}.clients__link{max-width:210px;height:92px;border:1px solid #afb1b8;border-radius:4px;display:flex;justify-content:center;align-items:center;fill:#afb1b8;transition-property:border,fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover,.clients__link:focus{fill:#2196f3;border:1px solid #2196f3}@media screen and (min-width: 768px){.clients__link{max-width:226px}}@media screen and (min-width: 1200px){.clients__link{max-width:170px}}.footer{background:var(--section-color);padding-top:62px;padding-bottom:62px;margin:0 auto;width:100%}@media screen and (min-width: 768px){.footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:76px;padding-right:89px}}@media screen and (min-width: 1200px){.footer .container{flex-wrap:nowrap;justify-content:flex-start;padding-left:15px;padding-right:15px}}.footer-contakts .logo{display:flex;justify-content:center}@media screen and (min-width: 1200px){.footer-contakts .logo{display:block}}.contakts-list{margin-top:20px;display:flex;flex-direction:column;align-items:center;transition-property:color;transition-duration:2500ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.contakts-list :hover,.contakts-list :focus{color:#2196f3}@media screen and (min-width: 1200px){.contakts-list{display:block}}.contakts__item{transition-property:color;transition-duration:2500ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.contakts__item:not(:last-child){margin-bottom:10px}.contakts__link{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:rgba(255,255,255,.6);font-style:normal}.contakts__link--color{color:#fff}.footer-soc{margin-top:60px}@media screen and (min-width: 768px){.footer-soc{padding-top:8px;margin-top:0}}@media screen and (min-width: 1200px){.footer-soc{padding-top:0px;margin-top:2px;margin-left:70px}}.footer-soc-text{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;color:#fff;text-transform:uppercase;margin-bottom:20px;display:flex;justify-content:center}@media screen and (min-width: 1200px){.footer-soc-text{display:block}}.soc__link--fill{background-color:rgba(255,255,255,.1);fill:#fff}.footer-mailing{margin-top:60px;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){.footer-mailing{padding-top:60px;display:flex;margin:0 auto}}@media screen and (min-width: 1200px){.footer-mailing{display:block;padding-top:0;margin-top:2px;margin-left:93px}}.footer-mailing-label{font-weight:700;font-size:14px;line-height:1.14;letter-spacing:.03em;color:#fff;text-transform:uppercase;display:flex;justify-content:center}@media screen and (min-width: 1200px){.footer-mailing-label{justify-content:flex-start}}.footer-mailing-input{max-width:450px;height:50px;padding-left:16px;margin-top:20px;border:1px solid rgba(255,255,255,.3);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;background:var(--section-color)}@media screen and (min-width: 480px){.footer-mailing-input{width:450px}}@media screen and (min-width: 1200px){.footer-mailing-input{width:358px}}.footer-mailing-btn{font-weight:700;font-size:16px;line-height:1.875;letter-spacing:.02em;color:#fff;position:relative;width:200px;height:50px;background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;fill:#fff;text-align:left;padding-left:29px;outline:none;border:none;margin-top:20px}@media screen and (min-width: 1200px){.footer-mailing-btn{margin-left:12px}}.footer-mailing-icon{position:absolute;top:13px;right:28px}.backdrop{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);transition:opacity 250ms,visibility 250ms;overflow:auto}@media screen and (orientation: landscape){.backdrop{overflow-y:auto}}.modal{padding:40px;width:100vw;min-height:135.3333333333vw;background-color:#fff;border-radius:4px;position:absolute;top:50%;left:50%;transition:transform 250ms;transform:translate(-50%, -50%) scale(1) rotate(0deg) skew(0deg, 0deg)}.backdrop.is-hidden .modal{transform:scale(0.2) rotate(90deg) skew(-75deg, -10deg)}@media screen and (min-width: 480px){.modal{padding:40px;width:450px;min-height:609px}}@media screen and (min-width: 1200px){.modal{width:528px;min-height:581px}}.modal-close-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:#fff;border-radius:50%;border:1px solid rgba(0,0,0,.1);outline:none}.modal-close-icon{position:absolute;top:50%;left:50%;transition:transform 500ms;transform:translate(-50%, -50%);transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-close-btn:hover .modal-close-icon,.modal-close-btn:focus .modal-close-icon{fill:#2196f3}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.modal-par{font-weight:700;font-size:20px;line-height:1.5;letter-spacing:.03em;color:#212121;display:flex;justify-content:center;text-align:center;margin-bottom:12px}@media screen and (min-width: 1200px){.modal-par{font-weight:700;font-size:20px;line-height:1.15;letter-spacing:.03em;color:#212121}}.modal-form-field{font-weight:400;font-size:12px;line-height:1.67;letter-spacing:.01em;color:#757575;margin-bottom:12px}.modal-input{width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:32px;padding-right:1px;outline:none;transition-property:border-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-input:focus,.modal-input:hover{border-color:#2196f3}.modal-input-area{position:relative}.modal-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);fill:#212121;transition-property:fill;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-input:focus+.modal-input-icon,.modal-input:hover+.modal-input-icon{fill:#2196f3}.modal-form-label{font-weight:400;font-size:12px;line-height:1.67;letter-spacing:.01em;color:#757575;margin-bottom:4px}.modal-textarea{width:100%;height:120px;border:1px solid rgba(33,33,33,.2);border-radius:4px;margin-bottom:20px;padding:12px 16px;resize:none;outline:none;transition-property:border-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-textarea:focus,.modal-textarea:hover{border-color:#2196f3}.modal-check-text{font-weight:400;font-size:12px;line-height:1.67;letter-spacing:.01em;color:#757575;display:flex;justify-content:space-evenly;align-items:center}.input-check:hover+.modal-check-text span,.input-check:focus+.modal-check-text span{border-color:#2196f3}.modal-check-text span{width:16px;height:15px;border:2px solid #212121;border-radius:2px;margin-right:5px;display:flex;align-items:center;justify-content:center;transition-property:border-color;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.modal-check-text{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:#757575}}.modal-check-icon{fill:rgba(0,0,0,0)}.input-check:checked+.modal-check-text span{background-color:#2196f3;border-radius:none}.input-check:checked+.modal-check-text .modal-check-icon{fill:#fff}.modal-form-conditions{color:#2196f3}.modal-form-btn{font-weight:700;font-size:16px;line-height:1.875;letter-spacing:.06em;color:#fff;margin:30px auto auto auto;width:200px;height:50px;background:#2196f3;box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;display:flex;justify-content:center;align-items:center;margin-top:30px;border:none;outline:none;transition-property:background;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.modal-form-btn:hover,.modal-form-btn:focus{background:#188ce8}@media screen and (min-width: 480px){.modal-form-btn{bottom:40px}}/*# sourceMappingURL=main.min.css.map */