*,*::before,*::after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;padding:0}ul,ol{margin:0;padding:0}p{margin:0;padding:0}img{display:block;max-width:100%;height:auto}body{font-family:"Roboto",sans-serif;font-style:normal;margin:0}body.modal-open{overflow:hidden}.nav-list,.address-list,.advantage-list,.activities-list,.team-list,.footer-contacts,.projects-buttons-list,.projects-list,.clients-list{list-style-type:none}.container{padding:0 15px;margin:0 auto;box-sizing:border-box}.header .container{display:flex;justify-content:space-between;align-items:center}@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}}@media screen and (min-width: 768px){.footer .container{display:flex;flex-wrap:wrap;justify-content:space-around}}@media screen and (min-width: 1200px){.footer .container{text-align:start;justify-content:space-between;align-items:center}}.projects{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.projects{padding-top:94px;padding-bottom:94px}}.projects-buttons-list{display:flex;flex-wrap:wrap;justify-content:start;margin-bottom:40px}@media screen and (max-width: 767px){.projects-buttons-list{margin-top:-15px}}@media screen and (min-width: 768px){.projects-buttons-list{justify-content:center}}@media screen and (min-width: 1200px){.projects-buttons-list{margin-bottom:50px}}.projects-list{display:flex;flex-wrap:wrap;margin-left:calc(-1*30px);margin-top:calc(-1*30px)}.projects-list-item{background-color:#FFFFFF;flex-basis:calc(100/3 - 30px);margin-left:30px;margin-top:30px}.projects-list-item:hover,.projects-list-item:focus{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);cursor:pointer}.projects-list-item-border{border:1px solid #EEEEEE;padding:20px 24px}@media screen and (max-width: 767px){.project-buttons-list-item{margin-top:15px}}.project-buttons-list-item:not(:last-child){padding-right:8px}.button,.project-buttons-list-item-button{font-weight:500;font-size:16px;line-height:1.625;letter-spacing:0.03em;color:#212121;background:#F5F4FA;border-radius:4px;border:none;padding:6px 22px;font-family:"Roboto",sans-serif;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.projects-list-text{padding:4px 0 0 0}.projects-list-title{font-weight:700;font-size:18px;line-height:2.000;letter-spacing:0.06em;color:#212121}@media screen and (min-width: 768px) and (max-width: 1199px){.projects-list-title{white-space:pre-line}}.projects-list-text{font-weight:400;font-size:16px;line-height:1.875;letter-spacing:0.03em;color:#757575}.projects-list-item-link{display:block;text-decoration:none}.projects-list-menu-desc{position:relative;overflow:hidden}.projects-list-description{position:absolute;top:0%;left:0%;transform:translateY(100%);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;height:100%;padding-top:63px;padding-right:24px;padding-bottom:63px;padding-left:24px;font-family:Roboto;font-style:normal;font-weight:normal;font-size:18px;line-height:1.556;letter-spacing:0.03em;color:#fff;background-color:rgba(33,150,243,0.9)}.projects-list-item-link:hover .is-hidden-desc,.projects-list-item-link:focus .is-hidden-desc{transform:translateY(0%)}@media screen and (min-width: 768px) and (max-width: 1199px){.unique{padding-bottom:56px}}.header{position:relative;height:60px;border-bottom:1px solid #ececec}@media screen and (min-width: 767px){.header{height:80px}}.header .container{display:flex;height:100%;align-items:center}.menu-container{display:none}.menu-btn{display:inline-flex;padding:0;margin-left:auto;border:none;background-color:transparent}.menu-btn .icon-cross{display:none}@media screen and (min-width: 768px){.menu-btn{display:none}}.icon-menu:hover,.icon-menu:focus{fill:#2196F3}.menu-btn.is-open .icon-cross{display:block}.menu-btn.is-open .icon-menu{display:none}@media screen and (max-width: 767px){.menu-container{display:none;position:absolute;top:100%;left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 1199px){.menu-container{flex-grow:1}}@media screen and (max-width: 767px){.menu-container.is-open{display:block;text-align:center;background-color:#fff;height:393px;padding-top:60px;padding-bottom:60px;z-index:999;opacity:1;visibility:visible;pointer-events:auto;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}}.nav-list-item,.address-mail,.address-tel{font-style:normal;font-weight:500;font-size:18px;line-height:1.172;letter-spacing:0.02em;text-decoration:none;color:#757575;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.nav-list-item,.address-mail,.address-tel{font-size:14px;line-height:1.143}}.nav-list-item:hover,.nav-list-item:focus,.address-mail:hover,.address-mail:focus,.address-tel:hover,.address-tel:focus{color:#2196F3}.nav-list-item-link{display:inline-block;text-decoration:none;color:#212121;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.nav-list-item-link:hover,.nav-list-item-link:focus{color:#2196F3}@media screen and (max-width: 767px){.nav-list-item:not(:last-child){margin-bottom:40px}.nav{margin-bottom:60px}}@media screen and (min-width: 1200px){.address-list{display:flex}}.address-list-item:not(:last-child){margin-bottom:16px}@media screen and (min-width: 768px){.address-list-item:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.address-list-item:not(:last-child){margin-bottom:0;margin-right:30px}}.address-mail-icon{fill:#757575;margin-right:10px;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.address-mail:hover .address-mail-icon,.address-mail:focus .address-mail-icon{fill:#2196F3}.address-tel-icon{fill:#757575;margin-right:10px;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.address-tel:hover .address-tel-icon,.address-tel:focus .address-tel-icon{fill:#2196F3}.address-mail,.address-tel{display:flex;align-items:center}@media screen and (max-width: 767px){.address-mail,.address-tel{justify-content:center}}@media screen and (min-width: 768px){.menu-container,.nav,.nav-list,.address{display:flex;align-items:center}.nav-list-item:not(:last-child){margin-right:50px}.nav-list-item{padding-top:32px;padding-bottom:32px}.address{margin-left:auto}}@media screen and (min-width: 1200px){.address{margin-left:305px}}.current{position:relative;color:#2196F3}.current::after{content:"";display:inline-block;background-color:#2196F3;position:absolute;bottom:-33px;right:0;width:100%;height:4px;border-radius:2px}.logo{font-family:"Raleway",sans-serif;font-weight:700;font-size:24px;line-height:1.174;text-decoration:none}.logo-blue{color:#2196F3}.logo-black{color:#000000}.logo-white{color:#ffffff}.footer .logo{display:inline-block}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.384}}@media screen and (min-width: 768px){.header .logo{margin-right:88px}}.hero{display:flex;padding-top:118px;padding-bottom:118px;background-color:#C4C4C4}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px}}.hero .container{text-align:center;justify-content:center;align-content:center}.hero-title{font-family:"Roboto",sans-serif;font-weight:900;font-size:26px;line-height:1.615;text-transform:uppercase;color:#fff;letter-spacing:0.06em;max-width:360px;margin-right:auto;margin-left:auto;margin-bottom:30px}@media screen and (min-width: 1200px){.hero-title{font-size:44px;line-height:1.364;max-width:696px}}.hero-button{font-weight:700;font-size:16px;line-height:1.875;color:#fff;background-color:#2196F3;min-width:200px;border-radius:4px;padding:10px 32px;border:0px}.project-buttons-list-item-button:hover,.project-buttons-list-item-button:focus,.button:hover,.button:focus{background-color:#2196F3;color:#fff;cursor:pointer}.overlay{max-width:480px;height:400px;margin-left:auto;margin-right:auto;background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/bg-img-mob1x.png);background-repeat:no-repeat;background-position:center;background-size:480px 400px}@media screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){.overlay .overlay{background-image:url(../images/bg-imgmob2x.png)}}@media screen and (min-width: 768px){.overlay{max-width:1199px;background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/bg-img-tab1x.png);background-size:768px 400px}}@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){.overlay .overlay{background-image:url(../images/bg-img-tab2x.png)}}@media screen and (min-width: 1200px){.overlay{max-width:1600px;height:600px;background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/bg-img-desk1x.png);background-size:1600px 600px}}@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){.overlay .overlay{background-image:url(../images/bg-img-desk2x.png)}}@media screen and (min-width: 1200px){.overlay{max-width:1600px;height:600px}}.backdrop{position:fixed;left:0;top:0;z-index:1;overflow-y:scroll;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}.backdrop.is-hidden{opacity:0;pointer-events:none}.modal{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);overflow-y:scroll;z-index:999;max-height:609px;padding:40px;background-color:#ffffff}@media screen and (min-width: 450px){.modal{width:450px}}@media screen and (min-width: 1200px){.modal{width:528px;height:581px}}.close{position:absolute;top:8px;right:8px;display:flex;align-items:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,0.1);background:#fff}.close-icon{justify-content:center;transform:fill 250ms cubic-bezier(0.4, 0, 0.2, 1) linear}.close-icon:hover,.close-icon:focus{fill:#2196F3;cursor:pointer}.modal-form{display:flex;flex-direction:column}.modal-text{margin-bottom:12px;font-family:"Roboto",sans-serif;font-style:normal;font-weight:700;font-size:20px;line-height:1.150;text-align:center;letter-spacing:0.03em;color:#212121}.modal-form-field{margin-bottom:10px;text-align:start;font-family:"Roboto",sans-serif;font-weight:400;font-size:12px;line-height:1.167;letter-spacing:0.01em;color:#757575}.modal-form-input-wrapper{position:relative;display:block;margin-top:4px}.modal-form-input{width:100%;height:40px;border:1px solid rgba(33,33,33,0.2);border-radius:4px;padding-left:42px}.modal-form-input:hover,.modal-form-input:focus{outline:none;border-color:#2196F3;cursor:pointer}.modal-form-input:hover+.modal-form-icon,.modal-form-input:focus+.modal-form-icon{fill:#2196F3}.modal-form-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);transition:fill 250ms timing-function;display:block;fill:#212121}.modal-form-message{margin-top:4px;padding:12px 16px;width:100%;height:120px;resize:none;font-family:"Roboto",sans-serif;font-weight:400;font-size:12px;line-height:1.167;letter-spacing:0.01em;color:#757575;border:1px solid rgba(33,33,33,0.2);border-radius:4px;transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-form-message:focus{outline:none;border-color:#2196F3;cursor:pointer}.modal-form-policy-text{display:flex;justify-content:center;align-items:center;margin-top:10px;margin-right:7px;margin-bottom:30px;font-family:"Roboto",sans-serif;font-weight:400;font-size:12px;line-height:1.172;letter-spacing:0.03em;text-align:start;color:#757575}@media screen and (min-width: 1200px){.modal-form-policy-text{font-size:14px;line-height:1.714}}.modal-form-policy-text::before{content:"";display:inline-block;margin-right:7px;width:16px;height:15px;border:1px solid #212121;border-radius:2px}.modal-form-policy:checked+.modal-form-policy-text::before{border:#2196F3;background-color:#2196F3;background-image:url(../images/checked.png);background-repeat:no-repeat;background-position:50% 50%}.modal-form-polyci-link{color:#2196F3}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.modal-form-btn-submit{display:block;margin:auto;width:200px;height:50px;font-family:"Roboto",sans-serif;font-weight:700;font-size:16px;line-height:1.875;letter-spacing:0.06em;color:#fff;background-color:#2196F3;outline:none;border:none;border-radius:4px;box-shadow:0px 4px 4px rgba(0,0,0,0.15)}.modal-form-btn-submit:hover{cursor:pointer}.advantage,.clients{padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.advantage,.clients{padding-top:94px;padding-bottom:94px}}@media screen and (min-width: 768px){.advantage-list{display:flex;flex-wrap:wrap;margin:-15px}}@media screen and (min-width: 768px){.advantage-list-item{margin:15px}}@media screen and (max-width: 767px){.advantage-list-item:not(:last-child){margin-bottom:30px}}.advantage-list-item-title{text-align:center;font-weight:700;font-size:14px;line-height:1.143;letter-spacing:0.03em;text-transform:uppercase;color:#212121;padding-bottom:10px}@media screen and (min-width: 768px){.advantage-list-item-title{text-align:start}}.advantage-list-item-description{width:100%;font-weight:400;font-size:14px;line-height:1.714;letter-spacing:0.03em;color:#757575}@media screen and (min-width: 768px){.advantage-list-item-description{width:354px}}@media screen and (min-width: 1200px){.advantage-list-item-description{width:270px}.advantage-list-item-description:not(:last-child){padding-right:30px}}.advantage-list-icon{width:100%;height:120px;background-color:#F5F4FA;border-radius:4px;margin-bottom:30px;padding:25px 100px}@media screen and (min-width: 768px){.advantage-list-icon{width:354px}}@media screen and (min-width: 1200px){.advantage-list-icon{width:270px}}.activities{padding-bottom:94px}@media screen and (max-width: 1199px){.activities{display:none}}.aboutus-title,.our-clients{display:flex;justify-content:center;font-weight:700;font-size:36px;line-height:1.167;letter-spacing:0.03em;color:#212121;margin-bottom:30px}@media screen and (min-width: 1200px){.aboutus-title,.our-clients{margin-bottom:50px}}.activities-list{display:flex}.activities-list-item{position:relative}.activities-list-item:not(:last-child){margin-right:30px}.activities-list-item-text{position:absolute;bottom:0px;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:70px;font-family:"Roboto",sans-serif;font-weight:700;font-size:14px;line-height:1.143;letter-spacing:0.03em;color:#fff;text-transform:uppercase;background-color:rgba(47,48,58,0.8)}.team{background-color:#F5F4FA;padding-top:60px;padding-bottom:60px}@media screen and (min-width: 1200px){.team{padding-top:94px;padding-bottom:94px}}@media screen and (min-width: 768px){.team-list{display:flex;flex-wrap:wrap;margin-top:-30px;margin-left:-30px}}.team-list-item{text-align:center;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:#FFFFFF;margin-top:30px}@media screen and (min-width: 768px){.team-list-item{margin-left:30px}}@media screen and (min-width: 768px){.team-list-item-photo{width:354px;height:374px}}@media screen and (min-width: 1200px){.team-list-item-photo{width:270px;height:260px}}.team-list-info{padding:30px 32px}.team-list-item-name{font-weight:500;font-size:16px;line-height:1.188;letter-spacing:0.03em;color:#212121}.team-list-item-position{font-weight:400;font-size:16px;line-height:19px;letter-spacing:0.03em;color:#757575;padding-top:10px}.social-list{display:flex;justify-content:center;list-style:none;margin:0;padding-top:16px}@media screen and (min-width: 1200px){.social-list{justify-content:space-between}}.social-list-item:not(:last-child){margin-right:10px}@media screen and (min-width: 1200px){.social-list-item:not(:last-child){margin-right:0}}.social-list_link,.footer-contacts-link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.social-list_link:focus,.social-list_link:hover,.footer-contacts-link:focus,.footer-contacts-link:hover{background-color:#2196F3}.social-list_link:hover .social-link-icon,.social-list_link:focus .social-link-icon{fill:#fff}.social-list_link{fill:#AFB1B8}.clients-list{display:flex;flex-wrap:wrap;flex-basis:100%;justify-content:center}@media screen and (max-width: 1600px){.clients-list{margin-top:-30px;margin-left:-30px}}.our-clients{display:block;text-align:center}@media screen and (max-width: 1600px){.client-list-item{margin-top:30px;margin-left:30px}}@media screen and (min-width: 1200px){.client-list-item:not(:first-child){margin-left:30px}}.client-list-link{display:flex;justify-content:center;align-items:center;border:1px solid #AFB1B8;border-radius:4px;width:210px;height:90px;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (min-width: 768px){.client-list-link{width:226px}}@media screen and (min-width: 1200px){.client-list-link{width:170px}}.client-list-link:hover,.client-list-link:focus{color:#2196F3;border:1px solid #2196F3}.client-list-link-icon{fill:#AFB1B8;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.client-list-link:hover .client-list-link-icon,.client-list-link:focus .client-list-link-icon{fill:#2196F3}.footer{display:block;background-color:#2F303A;padding-top:60px;padding-bottom:60px;text-align:center}.footer-info,.footer-contacts{display:block}@media screen and (min-width: 1200px){.footer-info{width:231px;margin-right:70px}}.location{display:block;font-weight:400;font-size:14px;line-height:1.714;letter-spacing:0.03em;color:#fff;text-decoration:none;margin-top:20px}.footer-mail,.footer-tel{font-style:normal;font-weight:400;font-size:14px;line-height:1.714;letter-spacing:0.03em;text-decoration:none;color:#757575;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.footer-mail:focus,.footer-mail:hover,.footer-tel:focus,.footer-tel:hover{color:#2196F3}.footer-form{flex-wrap:wrap}@media screen and (max-width: 1199px){.footer-form{margin-top:60px}}.footer-slogan,.footer-form-title{font-family:"Roboto",sans-serif;font-style:normal;font-weight:700;font-size:14px;line-height:1.143;letter-spacing:0.03em;color:#fff;text-transform:uppercase}.footer-contacts-list{display:flex;justify-content:center;list-style:none;padding-top:20px}@media screen and (min-width: 1200px){.footer-contacts-list{justify-content:space-between}}.footer-contact-item{padding-top:8px}.footer-info,.footer-contacts{display:block}@media screen and (max-width: 767px){.footer-slogan-contacts{margin-top:60px}}.footer-contacts-icon{fill:#fff}.footer-contacts-item{display:flex;align-items:center;width:44px;height:44px;background-color:rgba(255,255,255,0.1);border-radius:50%}.footer-contacts-item:not(:last-child){margin-right:10px}.footer-form-title{display:block;margin-bottom:20px}.footer-form-field,.footer-form-btn{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}@media screen and (min-width: 767px){.footer-form-field{display:block}}.footer-form-input{padding-left:16px;width:450px;height:50px;color:#fff;border:1px solid rgba(255,255,255,0.3);border-radius:4px;background-color:transparent;outline:none}@media screen and (max-width: 1199px){.footer-form-input{margin-bottom:20px}}@media screen and (min-width: 1200px){.footer-form-input{margin-right:12px;width:358px}}@media screen and (max-width: 1199px){.footer-form-input{display:block}}.footer-form-btn{display:inline-flex;justify-content:center;align-items:center;width:200px;height:50px;font-family:"Roboto",sans-serif;font-weight:700;font-size:16px;line-height:1.875;letter-spacing:0.06em;color:#fff;background-color:#2196F3;box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px}.footer-form-btn,.footer-form-btn-icon{outline:none;border:none}.footer-form-btn-icon{margin-left:10px}
/*# sourceMappingURL=main.min.css.map */