body{font-family:Roboto, cursive;letter-spacing:0.02em;font-weight:500;font-size:14px;line-height:1.14}@media screen and (min-width: 0px) and (max-width: 767px){.container{margin-left:auto;margin-right:auto;max-width:450px;padding-left:15px;padding-right:15px}}@media screen and (min-width: 0px) and (max-width: 767px){.logo{padding:0;color:#212121;font-family:Raleway,cursive;font-size:24px;font-weight:700;line-height:1.19;text-decoration:none}.logo>span{color:#2196f3}.main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-nav{margin:0;padding:0;list-style:none}.site-nav .link{position:relative;color:#212121;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;text-decoration:none;-webkit-transition-duration:250ms;transition-duration:250ms}.site-nav .link:hover,.site-nav .link:focus{color:#2196f3}.site-nav .link.active{color:#2196f3;padding-bottom:8px}.site-nav .link.active::after{content:'';position:absolute;width:100%;height:4px;left:0;bottom:0;background-color:#2196f3;border-radius:2px}.site-nav .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:60px 0px 60px 0px}.auth-nav{margin:0;padding:0;margin-left:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none}.auth-nav .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:#757575;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;-webkit-transition-duration:250ms;transition-duration:250ms}.auth-nav .link:focus,.auth-nav .link:hover{color:#2196f3}.auth-nav .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.auth-nav .item+.item{margin-top:15px;margin-bottom:60px}.email{fill:currentcolor;margin-right:10px;height:16px;-webkit-transition-duration:250ms;transition-duration:250ms}.phone{fill:currentcolor;margin-right:10px;width:15px;-webkit-transition-duration:250ms;transition-duration:250ms}.menu-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0;padding:0;margin:10px 0px 10px 0px;border:none;background-color:transparent;border:none;-webkit-transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}.menu-button .icon-close{display:none}.menu-button.is-open .icon-close{display:block}.menu-button.is-open .icon-open{display:none}.menu-button:hover,.menu-button:focus{fill:#2196f3}.menu-container{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.16),0px 2px 4px rgba(0,0,0,0.08),0px 4px 8px rgba(0,0,0,0.04);box-shadow:0px 1px 3px rgba(0,0,0,0.16),0px 2px 4px rgba(0,0,0,0.08),0px 4px 8px rgba(0,0,0,0.04);padding:60px 0;text-align:center}.menu-container.is-open{display:block;padding:0}.page-header{position:relative}}@media screen and (min-width: 0px) and (max-width: 767px){.hero{width:100%;display:block;margin:0 auto;text-align:center;max-width:480px;height:400px;background:rgba(47,48,58,0.8);background-image:-webkit-gradient(linear, left top, right top, from(rgba(47,48,58,0.8)), to(rgba(47,48,58,0.8))),url(../image/hero.svg);background-image:linear-gradient(to right, rgba(47,48,58,0.8), rgba(47,48,58,0.8)),url(../image/hero.svg);background-repeat:no-repeat;background-position:center;margin-bottom:94px}.hero-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero-text{margin:0;font-family:Roboto,cursive;margin-left:auto;margin-right:auto;padding-top:118px;-ms-flex-line-pack:center;align-content:center;color:#ffff;font-weight:900;font-size:26px;line-height:1.36;letter-spacing:0.06em;text-transform:uppercase}.hero-button{display:inline-block;border-radius:4px;padding:10px 32px;min-width:200px;color:white;background:#2196f3;font-weight:500;font-size:15px;line-height:1.2;text-decoration:none;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:30px;align-items:center;border-color:#2196f3}}@media screen and (min-width: 0px) and (max-width: 767px){.section{margin-bottom:60px}.section-heading{font-style:normal;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-decoration:none;margin:0;margin-bottom:10px;margin-top:30px;text-transform:uppercase;text-align:center}.section-text{color:#757575;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0.03em;text-decoration:none;margin:0px}.list-class{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;padding:0;margin:0}.icon-anntena::before{background-image:url(../image/antenna.svg);background-repeat:no-repeat;background-position:center}.icon-clock::before{background-image:url(../image/clock.svg);background-repeat:no-repeat;background-position:center}.icon-diagram::before{background-image:url(../image/diagram.svg);background-repeat:no-repeat;background-position:center}.icon-actronaut::before{background-image:url(../image/astronaut.svg);background-repeat:no-repeat;background-position:center}.items::before{display:block;content:'';height:120px;background-color:#f5f4fa;border-radius:4px}.items{margin:15px;max-width:450px}}@media screen and (min-width: 0px) and (max-width: 767px){.heading{margin:0;padding-bottom:50px}.section-work{display:none}.section-work .heading{font-weight:700;font-size:36px;line-height:1.16;text-align:center;letter-spacing:0.03em}.title{height:294px;position:relative;margin:0;bottom:0}.list-work{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;margin:0;padding:0;margin-bottom:94px}.label{color:#ffffff;text-transform:uppercase;font-weight:700;font-size:14px;line-height:1.16;position:absolute;margin:0;bottom:0;width:370px;padding:27px 83px;background:rgba(47,48,58,0.8)}}@media screen and (min-width: 0px) and (max-width: 767px){.our-comand{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0}.section-team{padding-top:60px;padding-bottom:60px;background-color:#f5f4fa}.section-team .heading{margin:0;padding:0;font-weight:700;font-size:36px;line-height:1.16;text-align:center;letter-spacing:0.03em}.section-team .people{font-weight:500;font-size:16px;line-height:1.18;margin:15px}.people{text-align:center;background:#ffffff;border-radius:4px;-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12)}.people>span{color:#757575;font-weight:400}.team-name{margin-top:30px;margin-bottom:10px}.links{display:inline-block;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;text-decoration:none;margin-top:16px;margin-bottom:24px;padding:12px;border-radius:50%;-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)}.links:focus,.links:hover{--color3: white;background-color:#2196f3;border-radius:50%}.listt{list-style:none;max-width:450px}.thumb{height:320px}.img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}}@media screen and (min-width: 0px) and (max-width: 767px){.client-text{font-weight:700;font-size:28px;line-height:1.16;text-align:center;letter-spacing:0.03em;margin:0;margin-bottom:15px;margin-top:60px}.icon-client{fill:#afb1b8;max-width:210px;height:90px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.icon-client:hover,.icon-client:focus{border:1px solid #2196f3;fill:#2196f3}.list-client{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0}.clients{list-style:none;width:calc((100% - 30px) / 2);margin-bottom:30px;margin-left:15px}.clients-link{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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-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);min-height:90px;border:1px solid #afb1b8;border-radius:4px;color:#afb1b8}}@media screen and (min-width: 0px) and (max-width: 767px){.logo-footer{color:#212121;font-family:Raleway, cursive;font-style:normal;font-size:22px;font-weight:700;line-height:1.181}.logo-footer>span{color:#2196f3}.adress-footer{color:#ffffff;font-style:normal;font-weight:normal;font-size:14px;line-height:1.71;letter-spacing:0.03em}.email-footer{color:rgba(255,255,255,0.6);font-size:14px;font-style:normal;font-weight:normal;line-height:1.71;letter-spacing:0.03em}.phone-footer{color:rgba(255,255,255,0.6);font-size:14px;font-style:normal;line-height:1.71;letter-spacing:0.03em}.text-footer{color:#ffffff;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;margin:0;margin-bottom:20px;text-transform:uppercase;text-align:center}.navigation{display:block;text-align:center;list-style:none;margin:0;padding:0;padding-top:60px;padding-bottom:60px}.social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;list-style:none}.footer{background-color:#2f303a;margin-top:45px}.navigation-button{display:block;list-style:none;margin:0;padding:0}.nav{display:block;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;border-bottom:1px solid rgba(255,255,255,0.1)}.blocklink{margin-left:0px}.social .adresi+.adresi{margin-left:11px}.navigation-button .navigations+.navigations{margin-left:12px}.social .links-footer+.links-footer{margin-left:10px}.linkss{padding:12px;--color3: white;background-color:rgba(255,255,255,0.1);border-radius:50%;-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)}.linkss:focus,.linkss:hover{background-color:#2196f3;border-radius:50%}.social .linkss+.linkss{margin-left:10px}}@media screen and (min-width: 0px) and (max-width: 767px){.form-footer{display:block;text-align:center;padding-top:60px;padding-bottom:60px}.form-heading{color:#ffffff;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;margin:0;margin-bottom:21px;text-transform:uppercase}.footer-button{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;border-radius:4px;padding:11px 34px;min-width:200px;height:50px;color:white;background-color:#2196f3;border-color:#2196f3;font-weight:500;font-size:15px;line-height:1.2;text-decoration:none;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-button::after{content:'';display:-webkit-box;display:-ms-flexbox;display:flex;width:24px;height:24px;margin-left:10px;background-image:url(../image/send.svg)}.footers-button{width:100%;height:50px;margin-bottom:20px;border:1px solid rgba(255,255,255,0.3);-webkit-box-sizing:border-box;box-sizing:border-box;-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;background:#2f303a;color:rgba(255,255,255,0.6)}}@media screen and (min-width: 0px) and (max-width: 767px){.form-background{position:absolute;display:block;width:100%}.form-field{position:relative;color:#afb1b8}.backdrop.is-hidden{opacity:0;pointer-events:none;-webkit-transform:scale(1.08);transform:scale(1.08)}.backdrop{position:fixed;z-index:9999;top:10%;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}.form-hero{padding:40px;display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:90%;height:609px;background:#ffffff;-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);border-radius:4px}.form-head{font-size:20px;font-style:normal;font-weight:700;line-height:1.15;text-align:center;letter-spacing:0.03em;color:black;margin:0;margin:0px 0px 30px 0px}.form-comment{resize:none;border:1px solid rgba(33,33,33,0.2);border-radius:4px;width:100%;height:120px;padding:12px 16px;margin-bottom:20px;-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-comment:focus,.form-comment:hover{border:1px solid color-focus;outline:none}.form-span{color:#2196f3}.send-button{display:block;margin-left:auto;margin-right:auto;margin-top:30px;padding-left:56px;padding-right:55px;padding-top:10px;padding-bottom:10px;max-width:200px;height:50px;-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;outline:none;color:#ffffff;background-color:#2196f3;font-weight:700;font-size:16px;line-height:1.87;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;letter-spacing:0.06em}.clouse-button{position:absolute;top:-2%;right:-2%;width:30px;height:30px;background-image:url(../image/close.svg);background-position:center;border-radius:50%;padding:0;border-radius:50%;-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);border:none}.icon{position:absolute;top:10px;left:16px;margin-right:8px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-label{position:absolute;top:13px;left:42px;font-size:14px;line-height:1.15;letter-spacing:0.01em;color:#757575;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),top 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),top 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-label:focus,.form-label:hover{border:1px solid #2196f3;outline:none}.form-input{width:100%;height:40px;border:1px solid rgba(33,33,33,0.2);padding:12px;border-radius:4px;font-size:16px;outline:none;margin:0px 0px 30px 0px;padding-left:42px;-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-input:focus,.form-input:hover{border:1px solid #2196f3;outline:none}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{color:#2196f3;top:-20px}.form-input:focus ~ .icon{fill:#2196f3}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.checkbox-icon{content:'';display:inline-block;width:15px;height:15px;border:2px solid black;border-radius:4px}.checkbox:checked+.checkbox-icon{border-color:#2196f3;background-color:#2196f3;background-image:url(../image/check.svg);background-size:contain;background-origin:border-box}.checkbox-label{display:block}}@media screen and (min-width: 0px) and (max-width: 767px){.button-portfolio{display:inline-block;border:2px solid transparent;border-radius:2px;padding:6px 22px;min-width:73px;margin:7px;color:black;background-color:#f5f4fa;font-weight:500;font-size:16px;line-height:1.625;text-decoration:none;text-align:center;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.container-link :hover,.container-link :focus{color:#ffffff;background-color:#2196f3;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.12),0px 1px 2px rgba(0,0,0,0.08),0px 3px 1px rgba(0,0,0,0.1);box-shadow:0px 2px 2px rgba(0,0,0,0.12),0px 1px 2px rgba(0,0,0,0.08),0px 3px 1px rgba(0,0,0,0.1)}.portfolio{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style:none;text-decoration:none;margin:0;padding:0;margin-bottom:94px}.portfolio .link{list-style:none;text-decoration:none}.link-header{color:#212121;font-weight:700;font-size:18px;line-height:36px;letter-spacing:0.06em;margin:0;padding:0;margin:20px 24px 0px 24px}.link-text{color:#757575;font-size:16px;line-height:30px;letter-spacing:0.03em;margin:4px 24px 20px 24px;padding:0}.container-link{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:60px;padding-bottom:40px;text-align:center;border-top:1px solid #ececec}.cart{max-width:450px;margin:15px;border:1px solid #eeeeee;color:inherit;text-decoration:none}.cart:focus,.cart:hover{-webkit-box-shadow:1px 4px 6px rgba(0,0,0,0.16),0px 4px 4px rgba(0,0,0,0.06),0px 1px 1px rgba(0,0,0,0.12);box-shadow:1px 4px 6px rgba(0,0,0,0.16),0px 4px 4px rgba(0,0,0,0.06),0px 1px 1px rgba(0,0,0,0.12)}.cart-thumb{position:relative;overflow:hidden}.cart-description{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;padding:63px 24px;color:#ffffff;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:0.03em;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.cart:hover .cart-description,.cart:hover .cart-thumb::before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.cart:focus .cart-description,.cart:focus .cart-thumb::before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.cart-thumb::before{display:inline-block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(33,150,243,0.9);opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}}body{font-family:Roboto, cursive;letter-spacing:0.02em;font-weight:500;font-size:14px;line-height:1.14}@media screen and (min-width: 768px) and (max-width: 1199px){.container{margin-left:auto;margin-right:auto;max-width:768px}}@media screen and (min-width: 768px) and (max-width: 1199px){.logo{display:-webkit-box;display:-ms-flexbox;display:flex;color:#212121;font-family:Raleway,cursive;font-size:26px;font-weight:700;line-height:1.19;text-decoration:none}.logo>span{color:#2196f3}.menu-button{display:none}.main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto;max-width:768px;padding-left:15px;padding-right:15px}.site-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;margin-left:81px;list-style:none}.site-nav .item+.item{margin-left:50px}.site-nav .link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;color:#212121;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;text-decoration:none;padding-top:32px;padding-bottom:32px;-webkit-transition-duration:250ms;transition-duration:250ms}.site-nav .link:hover,.site-nav .link:focus{color:#2196f3}.site-nav .link.active{color:#2196f3}.site-nav .link.active::after{content:'';position:absolute;width:100%;height:4px;left:0;bottom:0;background-color:#2196f3;border-radius:2px}.auth-nav{display:block;margin:0;padding:0;margin-left:45px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none}.auth-nav .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:#757575;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;-webkit-transition-duration:250ms;transition-duration:250ms}.auth-nav .item+.item{margin-top:10px}.auth-nav .link:focus,.auth-nav .link:hover{color:#2196f3}.email{fill:currentcolor;margin-right:10px;height:16px;-webkit-transition-duration:250ms;transition-duration:250ms}.phone{fill:currentcolor;margin-right:10px;width:15px;-webkit-transition-duration:250ms;transition-duration:250ms}.menu-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width: 768px) and (max-width: 1199px){.hero{position:relative;display:block;margin:0 auto;text-align:center;max-width:768px;height:600px;background:rgba(47,48,58,0.8);background-image:-webkit-gradient(linear, left top, right top, from(rgba(47,48,58,0.8)), to(rgba(47,48,58,0.8))),url(../image/hero.svg);background-image:linear-gradient(to right, rgba(47,48,58,0.8), rgba(47,48,58,0.8)),url(../image/hero.svg);background-repeat:no-repeat;background-position:center;margin-bottom:94px}.hero-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero-text{margin:0;font-family:Roboto,cursive;margin-left:auto;margin-right:auto;padding-top:200px;-ms-flex-line-pack:center;align-content:center;color:#ffff;font-weight:900;font-size:44px;line-height:1.36;letter-spacing:0.06em;text-transform:uppercase}.hero-button{display:inline-block;border-radius:4px;padding:10px 32px;min-width:200px;color:white;background:#2196f3;font-weight:500;font-size:15px;line-height:1.2;text-decoration:none;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:30px;align-items:center;border-color:#2196f3}}@media screen and (min-width: 768px) and (max-width: 1199px){.section{margin-bottom:94px}.section-heading{font-style:normal;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-decoration:none;margin:0;margin-bottom:10px;margin-top:30px;text-transform:uppercase}.section-text{height:75px;color:#757575;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0.03em;text-decoration:none;margin:0px}.list-class{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;padding:0;margin:0}.icon-anntena::before{background-image:url(../image/antenna.svg);background-repeat:no-repeat;background-position:center}.icon-clock::before{background-image:url(../image/clock.svg);background-repeat:no-repeat;background-position:center}.icon-diagram::before{background-image:url(../image/diagram.svg);background-repeat:no-repeat;background-position:center}.icon-actronaut::before{background-image:url(../image/astronaut.svg);background-repeat:no-repeat;background-position:center}.items::before{display:block;content:'';height:120px;background-color:#f5f4fa;border-radius:4px}.items{margin:15px;max-width:354px}}@media screen and (min-width: 768px) and (max-width: 1199px){.heading{margin:0;padding-bottom:50px}.section-work{display:none}.section-work.heading{font-weight:700;font-size:36px;line-height:1.16;text-align:center;letter-spacing:0.03em}.title{height:294px;position:relative;text-align:center;margin:0;bottom:0}.list-work{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;margin:0;padding:0;margin-bottom:94px}.list-work .title+.title{margin-left:30px}.label{color:#ffffff;text-transform:uppercase;font-weight:700;font-size:14px;line-height:1.16;position:absolute;margin:0;bottom:0;width:370px;padding:27px 83px;background:rgba(47,48,58,0.8)}}@media screen and (min-width: 768px) and (max-width: 1199px){.listt{list-style:none}.our-comand{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0}.section-team{margin-bottom:94px;background-color:#f5f4fa;padding-top:94px;padding-bottom:94px}.section-team .heading{color:var(--colore-heading);font-weight:700;font-size:36px;line-height:1.16;text-align:center;letter-spacing:0.03em}.section-team .people{color:var(--colore-heading);font-weight:500;font-size:16px;line-height:1.18}.people{text-align:center;margin:15px;width:354px;height:422px;background:#ffffff;border-radius:4px;-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12)}.people>span{color:#757575;font-weight:400}.team-name{margin-top:30px;margin-bottom:10px}.links{display:inline-block;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;text-decoration:none;margin-top:16px;padding:12px;border-radius:50%;-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)}.links:focus,.links:hover{--color3: white;background-color:#2196f3;border-radius:50%}.thumb{height:260px}.img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}}@media screen and (min-width: 768px) and (max-width: 1199px){.client-text{font-weight:700;font-size:36px;line-height:1.16;text-align:center;letter-spacing:0.03em;margin:0;margin-bottom:50px}.icon-client{fill:#afb1b8;width:226px;height:90px;border:1px solid #afb1b8;border-radius:4px;margin:15px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.icon-client:hover,.icon-client:focus{border:1px solid #2196f3;fill:#2196f3}.list-client{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;margin-bottom:94px;margin-left:auto;margin-right:auto;text-decoration:none;list-style:none}}@media screen and (min-width: 768px) and (max-width: 1199px){.logo-footer{color:#212121;font-family:Raleway, cursive;font-style:normal;font-size:22px;font-weight:700;line-height:1.181;width:231px}.logo-footer>span{color:#2196f3}.adress-footer{color:#ffffff;font-style:normal;font-weight:normal;font-size:14px;line-height:1.71;letter-spacing:0.03em}.email-footer{color:rgba(255,255,255,0.6);font-size:14px;font-style:normal;font-weight:normal;line-height:1.71;letter-spacing:0.03em}.phone-footer{color:rgba(255,255,255,0.6);font-size:14px;font-style:normal;line-height:1.71;letter-spacing:0.03em}.text-footer{color:#ffffff;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;margin:0;margin-bottom:21px;text-transform:uppercase;text-align:center}.navigation{display:inline-block;text-align:center;list-style:none;margin:0;padding:0;margin-top:48px;margin-bottom:28px;margin-left:76px}.social{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none}.footer{background-color:#2f303a}.navigation-button{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;border-bottom:1px solid rgba(255,255,255,0.1)}.blocklink{margin-left:165px}.social .adresi+.adresi{margin-left:11px}.navigation-button .navigations+.navigations{margin-left:12px}.social .links-footer+.links-footer{margin-left:10px}.linkss{padding:12px;--color3: white;background-color:rgba(255,255,255,0.1);border-radius:50%;-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)}.linkss:focus,.linkss:hover{background-color:#2196f3;border-radius:50%}.social .linkss+.linkss{margin-left:10px}}@media screen and (min-width: 768px) and (max-width: 1199px){.form-footer{display:block;margin-left:auto;margin-right:auto}.form-heading{color:#ffffff;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;margin:0;margin-bottom:21px;text-transform:uppercase;text-align:center}.footer-button{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;padding:11px 34px;min-width:200px;height:50px;color:white;background-color:#2196f3;border-color:#2196f3;font-weight:500;font-size:15px;line-height:1.2;text-decoration:none;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:20px auto 60px auto}.footer-button::after{content:'';display:-webkit-box;display:-ms-flexbox;display:flex;width:24px;height:24px;margin-left:10px;background-image:url(../image/send.svg)}.footers-button{min-width:450px;height:50px;border:1px solid rgba(255,255,255,0.3);-webkit-box-sizing:border-box;box-sizing:border-box;-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;background:#2f303a;color:rgba(255,255,255,0.6)}}@media screen and (min-width: 768px) and (max-width: 1199px){.form-background{position:absolute;display:block;max-width:1600px}.form-field{position:relative;color:#afb1b8}.backdrop.is-hidden{opacity:0;pointer-events:none;-webkit-transform:scale(1.08);transform:scale(1.08)}.backdrop{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}.form-hero{display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:528px;height:581px;background:#ffffff;-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);border-radius:4px}.form-head{font-size:20px;font-style:normal;font-weight:700;line-height:1.15;text-align:center;letter-spacing:0.03em;color:black;margin:0;margin:40px 40px 30px 40px}.form-comment{resize:none;border:1px solid rgba(33,33,33,0.2);border-radius:4px;width:448px;height:120px;padding:12px 16px;margin-bottom:20px;-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-comment:focus,.form-comment:hover{border:1px solid color-focus;outline:none}.form-span{color:#2196f3}.send-button{display:block;margin-left:auto;margin-right:auto;margin-top:30px;padding-left:56px;padding-right:55px;padding-top:10px;padding-bottom:10px;width:200px;height:50px;-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;outline:none;color:#ffffff;background-color:#2196f3;font-weight:700;font-size:16px;line-height:1.87;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;letter-spacing:0.06em}.clouse-button{position:absolute;top:-2%;right:-2%;width:30px;height:30px;background-image:url(../image/close.svg);background-position:center;border-radius:50%;padding:0;border-radius:50%;-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);border:none}.icon{position:absolute;top:10px;left:60px;margin-right:8px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-label{position:absolute;top:13px;left:82px;font-size:14px;line-height:1.15;letter-spacing:0.01em;color:#757575;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),top 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),top 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-label:focus,.form-label:hover{border:1px solid #2196f3;outline:none}.form-input{width:448px;height:40px;border:1px solid rgba(33,33,33,0.2);padding:12px;border-radius:4px;font-size:16px;outline:none;margin:0px 40px 30px 40px;padding-left:42px;-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-input:focus,.form-input:hover{border:1px solid #2196f3;outline:none}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{color:#2196f3;top:-20px}.form-input:focus ~ .icon{fill:#2196f3}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.checkbox-icon{content:'';display:inline-block;width:15px;height:15px;border:2px solid black;border-radius:4px}.checkbox:checked+.checkbox-icon{border-color:#2196f3;background-color:#2196f3;background-image:url(../image/check.svg);background-size:contain;background-origin:border-box}.checkbox-label{display:block}}@media screen and (min-width: 768px) and (max-width: 1199px){.button-portfolio{display:inline-block;border:2px solid transparent;border-radius:2px;padding:6px 22px;min-width:73px;color:black;background-color:#f5f4fa;font-weight:500;font-size:16px;line-height:1.625;text-decoration:none;text-align:center;margin-bottom:50px;margin-top:94px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.container-link :hover,.container-link :focus{color:#ffffff;background-color:#2196f3;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.12),0px 1px 2px rgba(0,0,0,0.08),0px 3px 1px rgba(0,0,0,0.1);box-shadow:0px 2px 2px rgba(0,0,0,0.12),0px 1px 2px rgba(0,0,0,0.08),0px 3px 1px rgba(0,0,0,0.1)}.portfolio{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;text-decoration:none;margin:0;padding:0;margin-bottom:60px}.portfolio .link{list-style:none;text-decoration:none}.link-header{color:#212121;font-weight:700;font-size:18px;line-height:36px;letter-spacing:0.06em;margin:0;padding:0;margin:20px 24px 0px 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-text{color:#757575;font-size:16px;line-height:30px;letter-spacing:0.03em;margin:4px 24px 20px 24px;padding:0}.container-link{text-align:center;border-top:1px solid #ececec}.cart{max-width:354px;margin:15px;border:1px solid #eeeeee;color:inherit;text-decoration:none}.cart:focus,.cart:hover{-webkit-box-shadow:1px 4px 6px rgba(0,0,0,0.16),0px 4px 4px rgba(0,0,0,0.06),0px 1px 1px rgba(0,0,0,0.12);box-shadow:1px 4px 6px rgba(0,0,0,0.16),0px 4px 4px rgba(0,0,0,0.06),0px 1px 1px rgba(0,0,0,0.12)}.cart-thumb{position:relative;overflow:hidden}.cart-description{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;padding:63px 24px;color:#ffffff;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:0.03em;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.cart:hover .cart-description,.cart:hover .cart-thumb::before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.cart:focus .cart-description,.cart:focus .cart-thumb::before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.cart-thumb::before{display:inline-block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(33,150,243,0.9);opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}}body{font-family:Roboto, cursive;letter-spacing:0.02em;font-weight:500;font-size:14px;line-height:1.14}@media screen and (min-width: 1200px){.container{margin-left:auto;margin-right:auto;width:1200px;padding-left:15px;padding-right:15px}}@media screen and (min-width: 1200px){.logo{color:#212121;font-family:Raleway,cursive;font-size:26px;font-weight:700;line-height:1.19;text-decoration:none}.logo>span{color:#2196f3}.menu-button{display:none}.main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto;width:1200px;padding-left:15px;padding-right:15px}.site-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;margin-left:85px;list-style:none}.site-nav .item+.item{margin-left:50px}.site-nav .link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;color:#212121;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;text-decoration:none;padding-top:32px;padding-bottom:32px;-webkit-transition-duration:250ms;transition-duration:250ms}.site-nav .link:hover,.site-nav .link:focus{color:#2196f3}.site-nav .link.active{color:#2196f3}.site-nav .link.active::after{content:'';position:absolute;width:100%;height:4px;left:0;bottom:0;background-color:#2196f3;border-radius:2px}.auth-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;margin-left:235px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none}.auth-nav .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:#757575;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;padding-top:32px;padding-bottom:32px;-webkit-transition-duration:250ms;transition-duration:250ms}.auth-nav .item+.item{margin-left:30px}.auth-nav .link:focus,.auth-nav .link:hover{color:#2196f3}.email{fill:currentcolor;margin-right:10px;height:16px;-webkit-transition-duration:250ms;transition-duration:250ms}.phone{fill:currentcolor;margin-right:10px;width:15px;-webkit-transition-duration:250ms;transition-duration:250ms}.menu-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width: 1200px){.hero{position:relative;display:block;margin:0 auto;text-align:center;max-width:1600px;height:600px;background:rgba(47,48,58,0.8);background-image:-webkit-gradient(linear, left top, right top, from(rgba(47,48,58,0.8)), to(rgba(47,48,58,0.8))),url(../image/hero.svg);background-image:linear-gradient(to right, rgba(47,48,58,0.8), rgba(47,48,58,0.8)),url(../image/hero.svg);background-repeat:no-repeat;background-position:center;margin-bottom:94px}.hero-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero-text{margin:0;font-family:Roboto,cursive;margin-left:auto;margin-right:auto;padding-top:200px;-ms-flex-line-pack:center;align-content:center;color:#ffff;font-weight:900;font-size:44px;line-height:1.36;letter-spacing:0.06em;text-transform:uppercase}.hero-button{display:inline-block;border-radius:4px;padding:10px 32px;min-width:200px;color:white;background:#2196f3;font-weight:500;font-size:15px;line-height:1.2;text-decoration:none;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:30px;align-items:center;border-color:#2196f3}}@media screen and (min-width: 1200px){.section{margin-bottom:94px}.section-heading{font-style:normal;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-decoration:none;margin:0;margin-bottom:10px;margin-top:30px;text-transform:uppercase}.section-text{color:#757575;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:0.03em;text-decoration:none;margin:0px}.list-class{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;padding:0;margin:0}.icon-anntena::before{background-image:url(../image/antenna.svg);background-repeat:no-repeat;background-position:center}.icon-clock::before{background-image:url(../image/clock.svg);background-repeat:no-repeat;background-position:center}.icon-diagram::before{background-image:url(../image/diagram.svg);background-repeat:no-repeat;background-position:center}.icon-actronaut::before{background-image:url(../image/astronaut.svg);background-repeat:no-repeat;background-position:center}.list-class .items+.items{margin-left:30px}.items::before{display:block;content:'';height:120px;width:270px;background-color:#f5f4fa;border-radius:4px}}@media screen and (min-width: 1200px){.heading{margin:0;padding-bottom:50px}.section-work .heading{font-weight:700;font-size:36px;line-height:1.16;text-align:center;letter-spacing:0.03em}.title{height:294px;position:relative;text-align:center;margin:0;bottom:0}.list-work{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;margin:0;padding:0;margin-bottom:94px}.list-work .title+.title{margin-left:30px}.label{color:#ffffff;text-transform:uppercase;font-weight:700;font-size:14px;line-height:1.16;position:absolute;margin:0;bottom:0;width:370px;padding:27px 83px;background:rgba(47,48,58,0.8)}}@media screen and (min-width: 1200px){.listt{list-style:none}.listt .people+.people{margin-left:30px}.our-comand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0}.section-team{margin-bottom:94px;background-color:#f5f4fa;padding-top:94px;padding-bottom:94px}.section-team .heading{color:var(--colore-heading);font-weight:700;font-size:36px;line-height:1.16;text-align:center;letter-spacing:0.03em}.section-team .people{color:var(--colore-heading);font-weight:500;font-size:16px;line-height:1.18}.people{text-align:center;width:270px;height:422px;background:#ffffff;border-radius:4px;-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12)}.people>span{color:#757575;font-weight:400}.team-name{margin-top:30px;margin-bottom:10px}.links{display:inline-block;font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;text-decoration:none;margin-top:16px;padding:12px;border-radius:50%;-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)}.links:focus,.links:hover{--color3: white;background-color:#2196f3;border-radius:50%}}@media screen and (min-width: 1200px){.client-text{font-weight:700;font-size:36px;line-height:1.16;text-align:center;letter-spacing:0.03em;margin:0;margin-bottom:50px}.icon-client{fill:#afb1b8;width:170px;height:90px;border:1px solid #afb1b8;border-radius:4px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1),border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.icon-client:hover,.icon-client:focus{border:1px solid #2196f3;fill:#2196f3}.list-client{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;margin-bottom:94px;margin-left:auto;margin-right:auto;text-decoration:none;list-style:none}.clients+.clients{margin-left:30px}}@media screen and (min-width: 1200px){.logo-footer{color:#212121;font-family:Raleway, cursive;font-style:normal;font-size:22px;font-weight:700;line-height:1.181;width:231px}.logo-footer>span{color:#2196f3}.adress-footer{color:#ffffff;font-style:normal;font-weight:normal;font-size:14px;line-height:1.71;letter-spacing:0.03em}.email-footer{color:rgba(255,255,255,0.6);font-size:14px;font-style:normal;font-weight:normal;line-height:1.71;letter-spacing:0.03em}.phone-footer{color:rgba(255,255,255,0.6);font-size:14px;font-style:normal;line-height:1.71;letter-spacing:0.03em}.text-footer{color:#ffffff;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;margin:0;margin-bottom:21px;text-transform:uppercase}.navigation{display:inline-block;list-style:none;margin:0;padding:0;margin-top:48px;margin-bottom:28px}.social{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none}.footer{background-color:#2f303a}.navigation-button{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;border-bottom:1px solid rgba(255,255,255,0.1)}.blocklink{margin-left:69px}.social .adresi+.adresi{margin-left:11px}.navigation-button .navigations+.navigations{margin-left:12px}.social .links-footer+.links-footer{margin-left:10px}.linkss{padding:12px;--color3: white;background-color:rgba(255,255,255,0.1);border-radius:50%;-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)}.linkss:focus,.linkss:hover{background-color:#2196f3;border-radius:50%}.social .linkss+.linkss{margin-left:10px}}@media screen and (min-width: 1200px){.form-footer{margin-left:94px}.form-heading{color:#ffffff;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;margin:0;margin-bottom:21px;text-transform:uppercase}.footer-button{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;padding:11px 34px;min-width:200px;height:50px;color:white;background-color:#2196f3;border-color:#2196f3;font-weight:500;font-size:15px;line-height:1.2;text-decoration:none;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:12px}.footer-button::after{content:'';display:-webkit-box;display:-ms-flexbox;display:flex;width:24px;height:24px;margin-left:10px;background-image:url(../image/send.svg)}.footers-button{width:358px;height:50px;border:1px solid rgba(255,255,255,0.3);-webkit-box-sizing:border-box;box-sizing:border-box;-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;background:#2f303a;color:rgba(255,255,255,0.6)}.na{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 1200px){.form-background{position:absolute;display:block;max-width:1600px}.form-field{position:relative;color:#afb1b8}.backdrop.is-hidden{opacity:0;pointer-events:none;-webkit-transform:scale(1.08);transform:scale(1.08)}.backdrop{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}.form-hero{display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:528px;height:581px;background:#ffffff;-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);border-radius:4px}.form-head{font-size:20px;font-style:normal;font-weight:700;line-height:1.15;text-align:center;letter-spacing:0.03em;color:black;margin:0;margin:40px 40px 30px 40px}.form-comment{resize:none;border:1px solid rgba(33,33,33,0.2);border-radius:4px;width:448px;height:120px;padding:12px 16px;margin-bottom:20px;-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-comment:focus,.form-comment:hover{border:1px solid color-focus;outline:none}.form-span{color:#2196f3}.send-button{display:block;margin-left:auto;margin-right:auto;margin-top:30px;padding-left:56px;padding-right:55px;padding-top:10px;padding-bottom:10px;width:200px;height:50px;-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;outline:none;color:#ffffff;background-color:#2196f3;font-weight:700;font-size:16px;line-height:1.87;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;letter-spacing:0.06em}.clouse-button{position:absolute;top:-2%;right:-2%;width:30px;height:30px;background-image:url(../image/close.svg);background-position:center;border-radius:50%;padding:0;border-radius:50%;-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);box-shadow:0px 2px 1px rgba(0,0,0,0.2),0px 1px 1px rgba(0,0,0,0.14),0px 1px 3px rgba(0,0,0,0.12);border:none}.icon{position:absolute;top:10px;left:60px;margin-right:8px;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-label{position:absolute;top:13px;left:82px;font-size:14px;line-height:1.15;letter-spacing:0.01em;color:#757575;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),top 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),top 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-label:focus,.form-label:hover{border:1px solid #2196f3;outline:none}.form-input{width:448px;height:40px;border:1px solid rgba(33,33,33,0.2);padding:12px;border-radius:4px;font-size:16px;outline:none;margin:0px 40px 30px 40px;padding-left:42px;-webkit-transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-input:focus,.form-input:hover{border:1px solid #2196f3;outline:none}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{color:#2196f3;top:-20px}.form-input:focus ~ .icon{fill:#2196f3}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.checkbox-icon{content:'';display:inline-block;width:15px;height:15px;border:2px solid black;border-radius:4px}.checkbox:checked+.checkbox-icon{border-color:#2196f3;background-color:#2196f3;background-image:url(../image/check.svg);background-size:contain;background-origin:border-box}.checkbox-label{display:block}}@media screen and (min-width: 1200px){.button-portfolio{display:inline-block;border:2px solid transparent;border-radius:2px;padding:6px 22px;min-width:73px;color:black;background-color:#f5f4fa;font-weight:500;font-size:16px;line-height:1.625;text-decoration:none;text-align:center;margin-bottom:50px;margin-top:94px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.container-link :hover,.container-link :focus{color:#ffffff;background-color:#2196f3;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.12),0px 1px 2px rgba(0,0,0,0.08),0px 3px 1px rgba(0,0,0,0.1);box-shadow:0px 2px 2px rgba(0,0,0,0.12),0px 1px 2px rgba(0,0,0,0.08),0px 3px 1px rgba(0,0,0,0.1)}.portfolio{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:1200px;list-style:none;text-decoration:none;margin:0;padding:0;margin-bottom:94px}.portfolio .link{list-style:none;text-decoration:none}.link-header{color:#212121;font-weight:700;font-size:18px;line-height:36px;letter-spacing:0.06em;margin:0;padding:0;margin:20px 24px 0px 24px}.link-text{color:#757575;font-size:16px;line-height:30px;letter-spacing:0.03em;margin:4px 24px 20px 24px;padding:0}.container-link{text-align:center;border-top:1px solid #ececec}.portfolio li:not(:nth-last-child(-n+3)){margin-bottom:30px}.portfolio li:not(:nth-child(3n)){margin-right:30px}.cart{width:370px;border:1px solid #eeeeee;color:inherit;text-decoration:none}.cart:focus,.cart:hover{-webkit-box-shadow:1px 4px 6px rgba(0,0,0,0.16),0px 4px 4px rgba(0,0,0,0.06),0px 1px 1px rgba(0,0,0,0.12);box-shadow:1px 4px 6px rgba(0,0,0,0.16),0px 4px 4px rgba(0,0,0,0.06),0px 1px 1px rgba(0,0,0,0.12)}.cart-thumb{position:relative;overflow:hidden}.cart-description{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;padding:63px 24px;color:#ffffff;font-weight:400;font-size:18px;line-height:1.56;letter-spacing:0.03em;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.cart:hover .cart-description,.cart:hover .cart-thumb::before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.cart:focus .cart-description,.cart:focus .cart-thumb::before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.cart-thumb::before{display:inline-block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(33,150,243,0.9);opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}}
/*# sourceMappingURL=main.min.css.map */