*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}body{color:#757575;background-color:#ffffff;font-family:Roboto, sans-serif;letter-spacing:0.03em}h1,h2,h3,h4,h5,h6{margin:0;padding:0}img{display:block}ul{list-style:none;margin:0;padding:0}p{padding:0;margin:0}a{text-decoration:none;margin:0;padding:0}.menu-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;margin-left:auto;padding:0;border:none;background-color:#fff}.menu-toggle:hover,.menu-toggle:focus{fill:#2196f3}@media screen and (min-width: 768px){.menu-toggle{display:none}}.menu-container{position:fixed;padding:48px 40px;top:0;left:0;width:100vw;height:100vh;background:#ffffff;-webkit-box-shadow:0px 4px 8px rgba(0,0,0,0.04),0px 2px 4px rgba(0,0,0,0.08),0px 1px 3px rgba(0,0,0,0.16);box-shadow:0px 4px 8px rgba(0,0,0,0.04),0px 2px 4px rgba(0,0,0,0.08),0px 1px 3px rgba(0,0,0,0.16);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu-container.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.mobile-menu__link{font-weight:500;font-size:40px;line-height:1.18;letter-spacing:0.02em;color:#212121}.mobile-menu__link--current{color:#2196f3}.mobile-menu__link:hover,.mobile-menu__link:focus{color:#2196f3}.mobile-menu__item:not(:last-child){margin-bottom:32px}.mobile-menu__icon{position:absolute;top:10px;right:15px}.mobile-menu__icon:hover{color:#2196f3}.mobile-menu__list{margin-bottom:302px}.menu-contacts__item:not(:last-child){margin-bottom:32px}.menu-contacts__tel{font-weight:500;font-size:34px;line-height:1.18;letter-spacing:0.02em;color:#2196f3}.menu-contacts__mail{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:0.02em;color:#757575}.mobile-networks{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:64px}.mobile-networks__item:not(:last-child){margin-right:20px;padding-right:10px;border-right:1px solid rgba(33,33,33,0.2)}.mobile-networks__link{font-weight:500;font-size:18px;line-height:1.22;letter-spacing:0.02em;color:#2196f3}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.logo{display:block;color:#000000;font-family:Raleway, sans-serif;font-weight:700;font-size:24px;line-height:1.17;letter-spacing:0.03em}.logo .logo-accent{color:#2196f3}header{border-bottom:1px solid #ececec}.main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:60px;padding-left:15px;padding-right:15px;padding-top:16px;padding-bottom:16px}@media screen and (min-width: 768px){.main-nav{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:80px;margin-left:auto;margin-right:auto;padding-top:0;padding-bottom:0}}@media screen and (min-width: 1200px){.main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}}.site-nav{display:none}@media screen and (min-width: 768px){.site-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:93px}}.site-nav__item+.site-nav__item{margin-left:50px}.site-nav__link{display:block;color:#212121;padding-top:32px;padding-bottom:32px;font-weight:500;font-size:14px;line-height:1.14;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.site-nav__link:hover,.site-nav__link:focus{color:#2196f3;cursor:pointer}.site-nav__link--current{position:relative;color:#2196f3}.site-nav__link--current::after{content:" ";position:absolute;height:4px;width:100%;left:0;bottom:0;background:#2196f3;border-radius:2px}.contacts-nav{display:none}@media screen and (min-width: 768px){.contacts-nav{display:block;padding-top:21px;padding-bottom:21px}}@media screen and (min-width: 1200px){.contacts-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;padding-top:32px;padding-bottom:32px}}.contacts-nav__item:not(:last-child){margin-bottom:10px}@media screen and (min-width: 1200px){.contacts-nav__item:not(:last-child){margin-right:30px;margin-bottom:0}}.contacts-nav__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#757575;font-weight:500;font-size:12px;line-height:1.17;letter-spacing:0.02em;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.contacts-nav__link:hover,.contacts-nav__link:focus{color:#2196f3}@media screen and (min-width: 1200px){.contacts-nav__link{font-size:14px;line-height:1.14}}.contacts-nav__link-icon{width:14px;height:10px;fill:currentColor}@media screen and (min-width: 1200px){.contacts-nav__link-icon{width:16px;height:12px}}.contacts-nav__link-icon-tel{width:10px;height:14px;margin-right:10px;fill:currentColor;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 1200px){.contacts-nav__link-icon-tel{width:10px;height:16px}}.hero{max-width:480px;height:400px;padding-top:118px;padding-bottom:118px;margin-left:auto;margin-right:auto;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../img/Img.jpg");background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../img/Img.jpg");background-position:center;background-size:cover;background-repeat:no-repeat;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;background-color:#2f303a;letter-spacing:0.06em}@media (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../img/Img.jpg");background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../img/Img.jpg")}}@media screen and (min-width: 481px){.hero{max-width:768px;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../img/Img.jpg");background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../img/Img.jpg")}}@media screen and (min-width: 481px) and (min-device-pixel-ratio: 2), screen and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 481px) and (min-resolution: 192dpi), screen and (min-width: 481px) and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../img/Img.jpg");background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../img/Img.jpg")}}@media screen and (min-width: 769px){.hero{max-width:1600px;height:400px;padding-top:118px;padding-bottom:118px;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../img/Img.jpg");background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../img/Img.jpg")}}@media screen and (min-width: 769px) and (min-device-pixel-ratio: 2), screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 769px) and (min-resolution: 192dpi), screen and (min-width: 769px) and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47,48,58,0.4)), to(rgba(47,48,58,0.4))),url("../img/Img.jpg");background-image:linear-gradient(rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url("../img/Img.jpg")}}.hero__title{margin-bottom:30px;font-style:normal;font-weight:900;font-size:26px;line-height:1.62;text-align:center;letter-spacing:0.06em;text-transform:uppercase;color:#ffffff}@media screen and (min-width: 1200px){.hero__title{font-size:44px}}.hero__button{display:inline-block;min-width:200px;padding:10px 32px;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;border:none;cursor:pointer;background-color:#2196f3;color:#ffffff;font-weight:700;font-size:16px;line-height:1.87}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;opacity:1;visibility:visible;background-color:rgba(0,0,0,0.2)}.backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.modal{position:absolute;padding:40px;min-width:528px;min-height:581px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#ffffff;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);border-radius:4px}.modal__close{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background-repeat:no-repeat;background-color:#ffffff;border:1px solid rgba(0,0,0,0.1);fill:#000000;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__close:hover{fill:#2196f3;cursor:pointer}.modal__form-title{display:block;margin-bottom:12px;font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:0.03em;color:#212121}.modal__form-field{position:relative;margin-bottom:10px}.modal__form-field:focus-within .form-icon{fill:#2196f3}.modal__form-agreement-field{padding-left:12px;margin-bottom:30px}.modal__form-label{display:block;margin-bottom:4px;font-weight:400;font-size:12px;line-height:1.17;letter-spacing:0.01em;text-align:start;color:#757575}.modal__form-icon{position:absolute;top:50%;left:12px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);width:18px;height:18px}.modal__form-input{padding:11px 42px;width:100%;height:40px;border:1px solid rgba(33,33,33,0.2);border-radius:4px;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__form-field:focus-within .modal__form-input,.modal__form-input .modal__form-field:focus-within textarea{border-color:#2196f3;cursor:pointer;outline:none}.modal__form-comment:focus-within textarea{border:1px solid #2196f3;cursor:pointer;outline:none}.modal__form-comment:focus-within textarea textarea::-webkit-input-placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal__form-comment:focus-within textarea textarea:-ms-input-placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal__form-comment:focus-within textarea textarea::-ms-input-placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal__form-comment:focus-within textarea textarea::placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}textarea{padding:12px 16px;width:100%;border:1px solid rgba(33,33,33,0.2);border-radius:4px;resize:none;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__form-comment{margin-bottom:30px}.modal__form-agreement{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal__agreement-checkbox{position:absolute;appearance:none;-webkit-appearance:none;-moz-appearance:none}.modal__agreement-checkbox:checked ~ .modal__check-icon{fill:#ffffff;opacity:1}.modal__agreement-link{color:#2196f3;text-decoration:underline}.modal__agreement-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:#757575}.modal__agreement-text::before{content:" ";display:inline-block;margin-right:7px;width:16px;height:15px;border:2px solid #212121;border-radius:2px;background-repeat:no-repeat;position:relative}.modal__check-icon{position:absolute;display:inline-block;opacity:0}.modal__form-button{display:block;padding:10px 56px;min-width:200px;margin-left:auto;margin-right:auto;height:50px;background:#2196f3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;border:none;font-weight:700;font-size:16px;line-height:1.87;text-align:center;letter-spacing:0.06em;color:#ffffff;cursor:pointer}.modal__form-modal-btn:hover,.modal__form-modal-btn:focus{background-color:#188ce8}.features{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:60px;padding-top:60px}@media screen and (min-width: 1200px){.features{padding-top:94px;padding-bottom:94px}}@media screen and (min-width: 768px){.features__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-30px;margin-top:-30px}}@media screen and (min-width: 1200px){.features__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media screen and (min-width: 480px){.features__item{width:450px;margin-bottom:30px}}@media screen and (min-width: 768px){.features__item{width:354px;-ms-flex-preferred-size:calc(100% / 2 - 30px);flex-basis:calc(100% / 2 - 30px);margin-left:30px;margin-top:30px}}@media screen and (min-width: 1200px){.features__item{width:270px}}.features__title{margin-bottom:10px;color:#212121;font-weight:700;font-size:14px;line-height:1.14;text-transform:uppercase;text-align:center}.features__description{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:0.03em}.features__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;height:120px;background-color:#f5f4fa;border-radius:4px}.features__icon{width:70px;height:70px}.work{display:none}@media screen and (min-width: 1200px){.work{display:block}}.work__title{margin-bottom:50px;color:#212121;font-weight:bold;font-size:36px;line-height:1.17;text-align:center;letter-spacing:0.03em}.work__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.work__item{display:-webkit-box;display:-ms-flexbox;display:flex}.work__item:not(:last-child){margin-right:30px}.work__work-thumb{position:relative}.work__meta{position:absolute;bottom:0;left:0;width:370px;height:70px;background:rgba(47,48,58,0.8)}.work__text{padding-top:27px;padding-bottom:27px;font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:0.03em;text-transform:uppercase;color:#ffffff}.work__text2{padding-top:27px;padding-bottom:27px;font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:0.03em;text-transform:uppercase;color:#ffffff}.work__text3{padding-top:27px;padding-bottom:27px;font-weight:700;font-size:14px;line-height:1.14;text-align:center;letter-spacing:0.03em;text-transform:uppercase;color:#ffffff}.team{background:#f5f4fa;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}.team__title{margin-bottom:30px;color:#212121;font-weight:700;font-size:28px;line-height:1.18;text-align:center;letter-spacing:0.03em}@media screen and (min-width: 1200px){.team__title{margin-bottom:50px;font-size:36px;line-height:1.17}}@media screen and (min-width: 768px){.team__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-30px;margin-top:-30px}}@media screen and (min-width: 1200px){.team__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-left:0}}@media screen and (min-width: 768px){.team__item{margin-top:30px;margin-left:30px;width:100%;-ms-flex-preferred-size:calc(100% / 2 - 30px);flex-basis:calc(100% / 2 - 30px)}}.team__card{-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);border-radius:0px 0px 4px 4px;background-color:#ffffff}@media screen and (min-width: 1200px){.team__card{margin-left:0}}.team__card-thumb img{width:100%}.team__card-content{padding-top:30px;padding-bottom:30px}.team__name{color:#212121;font-weight:500;font-size:16px;line-height:1.19;text-align:center;letter-spacing:0.03em}.team__profession{margin-top:10px;margin-bottom:16px;color:var(--secondary-text-color);font-weight:400;font-size:16px;line-height:1.19;text-align:center;letter-spacing:0.03em}.team__list-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.team__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:44px;height:44px;border-radius:50%;fill:#afb1b8;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.team__box:hover,.team__box:focus{background-color:#2196f3;fill:#ffffff;cursor:pointer}.team__icon{width:20px;height:20px}.clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.clients{padding-top:94px;padding-bottom:94px}}.clients__title{margin-bottom:50px;font-weight:700;font-size:28px;line-height:1.18;text-align:center;letter-spacing:0.03em;color:#212121}.clients__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #afb1b8;fill:#afb1b8;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover,.clients__link:focus{border-color:#2196f3;fill:#2196f3;cursor:pointer}.clients__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-30px;margin-top:-30px}@media screen and (min-width: 1200px){.clients__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.clients__item{margin-left:30px;margin-top:30px;-ms-flex-preferred-size:calc(100% / 2 - 30px);flex-basis:calc(100% / 2 - 30px);width:210px;height:90px}@media screen and (min-width: 768px){.clients__item{margin-left:30px;margin-top:30px;-ms-flex-preferred-size:calc(100% / 3 - 30px);flex-basis:calc(100% / 3 - 30px)}}@media screen and (min-width: 1200px){.clients__item{margin-top:0}}.clients__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:90px;border:1px solid #afb1b8;border-radius:4px;fill:#afb1b8;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients__link:hover,.clients__link:focus{border-color:#2196f3;fill:#2196f3}@media screen and (min-width: 480px){.clients__link{height:90px}}@media screen and (min-width: 768px){.clients__link{width:226px;height:90px}}@media screen and (min-width: 1200px){.clients__link{width:170px;height:90px}}.clients__icon1{width:44px;height:49px}.clients__icon2{width:40px;height:52px}.clients__icon3{width:41px;height:43px}.clients__icon4{width:80px;height:42px}.clients__icon5{width:59px;height:47px}.clients__icon6{width:88px;height:45px}footer{background-color:#2f303a}.footer-container{padding-top:60px;padding-bottom:60px;max-width:480px;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media screen and (min-width: 768px){.footer-container{min-width:768px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 1200px){.footer-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:1200px}}.logo-f{padding:0;text-align:center;font-weight:700;font-size:24px;line-height:1.17;text-align:center;letter-spacing:0.03em}@media screen and (min-width: 1200px){.logo-f{text-align:left}}.logo--accent-color{color:#2196f3}.logo--second-color{color:#ffffff}address{margin-top:20px;color:#ffffff;font-style:normal;text-align:center;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:0.03em}@media screen and (min-width: 1200px){margin-top:20px;margin-bottom:0;text-align:left}.part1__footer-link{font-style:normal;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:0.03em;margin-bottom:8px;color:rgba(255,255,255,0.6)}.part1__footer-list{margin-bottom:60px;text-align:center}@media screen and (min-width: 1200px){.part1__footer-list{text-align:left}}.part1__item{margin-top:8px}.part2{margin-bottom:60px}@media screen and (min-width: 768px){.part2{padding-top:5px;margin-left:165px}}@media screen and (min-width: 1200px){.part2{margin-bottom:0;margin-left:0}}.part2__footer-title{display:block;text-align:center;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:#ffffff}.part2__sl-item:not(:last-child){margin-right:10px}.part2__sl-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:44px;height:44px;border-radius:50%;background-color:rgba(255,255,255,0.1);background-color:rgba(255,255,255,0.1);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.part2__sl-box:hover,.part2__sl-box:focus{background-color:#2196f3}.part2__sl-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}.part2__sl-item:not(:last-child){margin-right:10px}.part2__sl-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:44px;height:44px;border-radius:50%;background-color:rgba(255,255,255,0.1);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.part2__sl-box:hover,.part2__sl-box:focus{background-color:#2196f3}.part2__sl-icon{width:20px;height:20px;fill:#fff}.part3__footer-subscribe{display:block}@media screen and (min-width: 1200px){.part3__footer-subscribe{display:-webkit-box;display:-ms-flexbox;display:flex}}.part3__mail{margin-bottom:20px;width:100%;height:50px;padding:15px 16px;font-weight:400;font-size:16px;line-height:1.25;letter-spacing:0.03em;color:rgba(255,255,255,0.6);background:#2f303a;border:1px solid rgba(255,255,255,0.3);-webkit-filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.15));filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.15));border-radius:4px}@media screen and (min-width: 768px){.part3__mail{width:450px}}@media screen and (min-width: 1200px){.part3__mail{width:358px;margin-right:12px;margin-bottom:0}}.part3__button-subscribe{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto;height:50px;padding:10px 28px;font-weight:700;font-size:16px;line-height:1.88;text-align:center;letter-spacing:0.06em;color:#ffffff;background:#2196f3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.15);box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;border:none}.part3__icon-send{width:24px;height:24px}.part3__text-subscribe{margin-bottom:20px;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;text-align:center;color:#ffffff}@media screen and (min-width: 1200px){.part3__text-subscribe{text-align:left}}.part3__text-button{margin-right:10px}.portfolio{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.portfolio{padding-top:94px;padding-bottom:94px}}.button-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:40px}@media screen and (min-width: 768px){.button-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.button-list{margin-bottom:50px}}.button-list__portfolio-button{padding:6px 22px;border-radius:4px;border:none;background-color:#f5f4fa;color:#212121;font-family:inherit;font-weight:500;font-size:16px;line-height:1.62;text-align:center;cursor:pointer;letter-spacing:0.03em;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.button-list__portfolio-button:hover,.button-list__portfolio-button:focus{background-color:#2196f3;color:#ffffff}.button-list__item:not(:last-child){margin-right:8px;margin-bottom:15px}.button-list__portfolio-button:hover,.button-list__portfolio-button:focus{background-color:#2196f3;color:#ffffff;cursor:pointer}.product__title{margin-top:20px;color:#212121;font-weight:700;font-size:18px;line-height:2;letter-spacing:0.06em}.product__text{margin-top:4px;color:#757575;font-weight:400;font-size:16px;line-height:1.88;letter-spacing:0.03em}@media screen and (min-width: 480px){.example-list{display:block}}@media screen and (min-width: 768px){.example-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-30px;margin-top:-30px}}@media screen and (min-width: 480px){.example-list__item{margin-bottom:30px}}@media screen and (min-width: 768px){.example-list__item{margin-left:30px;margin-top:30px;margin-bottom:0;-ms-flex-preferred-size:calc(100% / 3 - 30px);flex-basis:calc(100% / 3 - 30px);-webkit-transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}}.product__link{display:block}.product__link:hover{-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.12),0px 4px 4px rgba(0,0,0,0.06),1px 4px 6px rgba(0,0,0,0.16);box-shadow:0px 1px 1px rgba(0,0,0,0.12),0px 4px 4px rgba(0,0,0,0.06),1px 4px 6px rgba(0,0,0,0.16)}.product__content{padding:20px 24px;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee}.product__text-description{position:absolute;top:0;left:0;height:100%;padding:63px 24px;opacity:0;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:0.03em;color:#ffffff;background:rgba(33,150,243,0.9);-webkit-transform:translatey(100%);transform:translatey(100%);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.portfolio__examples-link:hover .product__text-description{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}.product__thumb{position:relative;overflow:hidden}.product__thumb img{width:100%;height:100%}@media screen and (min-width: 480px){.product__thumb img{width:450px}}@media screen and (min-width: 768px){.product__thumb img{width:354px}}@media screen and (min-width: 1200px){.product__thumb img{width:370px}}.product__thumb::after{position:absolute;content:"";-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.container{margin-left:auto;margin-right: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}}
/*# sourceMappingURL=main.min.css.map */